Czy istnieje wizualny edytor internetowy oparty na bootstrapie?


11

Bootstrap to świetny framework, i chcę wiedzieć, czy istnieje narzędzie, które daje ci możliwość przeciągania komponentów HTML, zmiany rozmiaru i przenoszenia, zmiany kolorów, a wszystko to podczas generowania kodu HTML.

Nie chcę używać programu Dreamweaver, ponieważ musisz iść i dodać klasy i identyfikatory do kodu HTML, co czasami może być uciążliwe.


1
Nie uważam, że to trudne do zrobienia, szczególnie jeśli chcesz użyć jednego konkretnego css, przycisk i wszystkie elementy interfejsu powinny być wstępnie stylizowane, to jedyny szacunek i to może zaoszczędzić dużo czasu
Kamel Labiad

1
@ DA01 WYSIWYG są trudne. Ciągle się poprawiają, ale nigdy nie wydają się nadrobić zaległości, zanim sieć zmieni się i znów stanie się wykładniczo bardziej złożona. Są w punkcie, w którym mogą działać dobrze w przypadku bardzo podstawowych witryn, które będą działać na komputerach stacjonarnych i laptopach, ale wydaje się, że o to chodzi.
Eric

w końcu wydaje się to odpowiedzią na to, czego szukałem pingendo.com
Kamel Labiad

Odpowiedzi:


5

Jetstrap to narzędzie online, które pozwala przeciągać i upuszczać duży zestaw oficjalnych składników Bootstrap bezpośrednio na twoją stronę.

wprowadź opis zdjęcia tutaj

Najwyraźniej gwarantują szybkość reakcji i czysty eksport HTML.

Jest bezpłatny dla jednego projektu i 8 USD za 10 projektów.


To nie jest już dostępne.
Skelly,

3

Sprawdź Bootply.com - to darmowy edytor oparty na przeglądarce dla Bootstrap HTML, JS i CSS.

  • Pasek narzędzi ze wszystkimi CSS, komponentami i JavaScriptem Bootstrap
  • Podgląd na pełnym ekranie lub mobilny / responsywny
  • Obejmuje FontAwesome, jQueryUI i inne rozszerzenia Bootstrap
  • Wsparcie dla Bootstrap 3

AKTUALIZACJA

Bootply obsługuje teraz nadchodzący Bootstrap 4.


To wygląda naprawdę świetne rozwiązanie
Chaklader Asfak Arefe



0

Jest tutaj najnowszy edytor wizualny / konstruktor Bootstrap:

Konstruktor Bootstrap UMyProto

Jest bardzo przyjazny dla użytkownika, możesz edytować responsywną siatkę za pomocą kilku kliknięć, dodawać niestandardowe style CSS, zmieniać motyw Bootstrap za pomocą zmiennych LESS, przeglądać / udostępniać / pobierać ukończone pliki HTML. Konstruktor działa na tabletach!


Wydaje się, że zniknął na dobre!
Chaklader Asfak Arefe

0

Myślę, że Dreamweaver cc 2014 ma szablony, które są bardzo podobne do bootstrap, których można używać od razu po wyjęciu z pudełka.


Dziękujemy za wkład i witamy w GraphicDesign! Jeśli masz jakieś pytania, daj nam znać.
Zach Saucier


0

Pinegrow to kolejna bardzo dobra opcja. Pomaga w układach w Bootstrap & Foundation, które można łatwo edytować również w innych aplikacjach.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.