- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Собственно ищу онлайн html редактор в котором можно выделить кусок текста, нажать к примеру h2 и разметка будет справа и слева от этого выделенного фрагмента а не как захочется редактору.
Функции нужны самые простые. h1-h5, li ol ul возможность просмотра исходного кода, если есть возможность сохранения - идеально.
https://neilj.github.io/Squire/
http://wysihtml.com/
http://habibhadi.com/lab/easyeditor/
http://kenshin54.github.io/popline/
А вот подборка. Варианты выше из нее. Может я пропустил чего, и там еще что-нибудь полезное найдете.
Еще как вариант, можно использовать ace.js (редактор кода) и сделать кнопки с вставкой этих тегов прям в редакторе кода без wysiwyg. Однажды делал что-то подобное, только со стилями
https://neilj.github.io/Squire/
Не вижу исходного кода. А так работает.
http://habibhadi.com/lab/easyeditor/
Кнопка "Code" не работает.
http://kenshin54.github.io/popline/
Это вообще звиздец какой то. Не смог сам разобраться, а мне это предлагать домохозяйкам :(
http://wysihtml.com/
Этот ближе всего к тому что нужно! Правда есть глюк с вставкой li и ol
Два достаточно вменяемых:
https://www.tiny.cloud/
https://ckeditor.com/
И как же в них сделать, чтобы для h2 выделялась не вся строка, а только выделенный текст?
https://neilj.github.io/Squire/
Не вижу исходного кода. А так работает.
Может быть в демке просто исходного кода нет, гляньте документацию.
А так, этот редактор самый вменяемый, я считаю. И вы вряд ли найдете нормальный с вставкой заголовков только в выделенную область, а не в весь параграф. Если там совсем нет редактора кода, проще его добавить руками (ace, codemirror, monacoeditor). Цепляете оба редактора к одному и тому же контейнеру (div, textarea), создаете кнопку для переключения редактора, ну и может быть понадобится настроить синхронизацию при переключении, повесив обработчик на клик. Работы минут на 30, а искать вы еще неизвестно сколько времени будете. К тому же, перечисленные редакторы кода гораздо удобнее, чем большинство встроенных в wysiwyg.
И как же в них сделать, чтобы для h2 выделялась не вся строка, а только выделенный текст?
Такие редакторы не позволяют делать верстку не валидной (хотя под настроить можно и это). Но в теге <p> не должно быть других блочных элементов, выделять и оборачивать текст можно только в строчные элементы.
Верно, зачем позволять делать то, что по идее все равно должно отвергаться на стороне сервера.
(хотя под настроить можно и это)
Это ТС и спрашивает. А не ваше мнение по поводу валидации и т.д.
И вы вряд ли найдете нормальный с вставкой заголовков только в выделенную область, а не в весь параграф. Если там совсем нет редактора кода, проще его добавить руками (ace, codemirror, monacoeditor)
Я не знаю php. Установить эти скрипты стремно на свой сайт - насколько я знаю через все эти скрипты легко поломать сайт.
Я интересовался готовым вариантом - мне не нужно его себе устанавливать. Мне нужен сервис для копирайтеров, так как не устраивает принимать текст в Wordе.
Devvver, tinymce, ckeditor - там знать php не требуется, вся установка заключается в таких строках
<script>tinymce.init({ selector:'textarea' });</script>
<textarea></textarea>