Ads
Comments 63
+5
Количество доступных шрифтов можно уменьшить, а вот количество font size'а — добавить.
Чуть более расширенные настройки создания линка (не только линк, а и rel, title).
Возможность заресайзить картинку.

И будет самое оно)
+5
Пригодился бы просмотр в html варианте,
плюс кнопку картинки с урлом,
плюс добавить возможность выравнивания текста относительно картинки
и хотя-бы тег alt="".
Ресайз картинки вполне успешно умеет firefox (поэтому считаю не критично).
Еще как вариант файловый менеджер тоже не помешал бы.

В остальном вполне приличный редактор.
Приятно что есть аплоад картинок. Дизайн приятный. Приятно потрогать :)
+5
Я вот что недавно нашёл, но ещё пока не ковырялся. Самый смак в том, что результат форматирования виден сразу в том же месте, где пишешь, а не в отдельном окошке. Видна одновременно и разметка и WYSIWYG.
+2
На всякий случай отмечу, что по лицензии CC-BY-NC некоммерческое использование разрешается бесплатно с указанием авторства.
0
Пробовал использовать старые версии, однако обнаружились минусы такого решения: во-первых, версии Redactor с MIT/GPL-лицензией достаточно трудно сразу же найти (хотя всё же возможно); во-вторых, для повседневного использования их надо дорабатывать, мелких багов хватает.
0
Буквально месяц назад выбрал его, из того что было он был больше всех по душе (мне нужен был вообще достаточно простой редактор, все эти функции аля microsoft office не знаю даже для кого), теперь гляну и на этот, тем более что жизнь без bootstrap'а уже не представляю)
0
Осенью работал с ним. Пришлось писать свои расширения для нормального автосейва (и то не все ситуации удалось отловить через api), почему-то авторы вместо нормального колбэка решили сами сабмитить текст куда-то. Код библиотеки неряшлив, но это эстетическая сторона. Cкверная поддержка редактором IE (8 и 9), много мелких глюков со сложной версткой в разных браузерах, некоторые из них сильно напрягают клиентов. Глюки с undo.
0
Пробовал. На первый взгляд даже понравился, но первая же неделя использования на боевом сайте показала негодность редактора — например, иногда из него куда-то бесследно пропадала часть редактируемого текста. Пришлось отказаться.
0
Это же contenteditable.
Через $("#editor").html() можно вытащить html.
0
Я имел в виду, что почти все wysiwyg-редакторы предоставляют возможность писать еще и на голом HTML по желанию.
0
Скажите этот редактор поддерживает drag-изменение размеров рисунка в google chrome?
0
Вижу что нет. А можете добавить какой-то обработчик ресайза. чтобы в Хроме работал?
+8
И так потихоньку простой wysiwyg редактор, начнет перерастать в непростой.
0
Если добавить эту функцию то он из простого перерастет в «уникальный» т.к. в tinymce такой функции — НЕТ (хорошо допустим что недоискал и если она есть то покажите)
0
Эту функцию не редактор, а браузер предоставляет. Потому ни у кого ее и нет. Ее же реализовывать надо вручную.
0
Вот об этом я и говорю. Есть же компонент который делает crop на рисунке.
Также можно сделать и ресайз
+1
Недавно реализовывал для ckeditor, если нужно — пишите в личку.
+1
Спрошу у заказчика, приемлемо ли это. Кстати, сейчас посмотрел, в tinymce, похоже, уже тоже реализовали, взгляните на их демо.
+4
Задумка хорошая, шустренько работает, только как насчет использовать и типографию bootstrap?
<div class="text-right" вместо <div align="right"

<small> вместо <font size="1">

Получился бы bootstrap-редактор для bootstrap :)

p.s. и bold страдает, font-weght унаследовал от .hero-unit
+4
А мобильный 3г у вас везде ловит?

А вообще руки бы поотрывать людям, которые считают, что экономить на весе страниц (тактах процессора, мегабайтах оперативы) не нужно.
+3
Видимо меня не так поняли, я просто задумался о том разрыве в современных технологиях, которое сейчас существует. Где-то приходиться писать компактный код и я разумеется понимаю важность этого, а где-то уже жируют так, что 2 Гбит/с уже дома!
0
Не всегда, но часто, компактный JS = быстрый JS
Обычно из-за сокращения количества функционала и уровня абстракции до минимума.
0
Неплохо. Из замеченных недостатков:

  • На iOS приходится тыкать по кнопкам дважды (нужно обрабатывать тач события, самое простое on «click touchstart»)
  • При клике на link хотелось бы иметь возможность редактировать существующую ссылку, если на ней стоит выделение
0
Работает только с Bootstrap, так что для многих толку от него не много.

Вообще беда с этими wysiwyg-редакторами. Сколько искал, нигде не смог найти подходящего (красивого, с хорошим api, бесплатного) редактора.
0
Кажется нашёл такой: wysihtml5. Глюков не замечено, внешний вид полностью настраивается, никаких зависимостей не тащит, лицензия MIT.
0
Я бы категорически не рекомендовал, в коде структурная помойка. Наиболее неудобный для модификации и исправления дефектов редактор из тех, что мне попадались, я бы даже назвал это анти-API. Впрочем, если планируется использовать из коробки, то все равно.
+7
Извините… но все редакторы привязанные к… Microsoft® Internet Explorer's designMode feature… это откровенное говно.

Да, он красивый снаружи… и все. На этом плюсы заканчиваются. HTML код который получается в конце — будет разный в разных браузерах. SEO? Хрен там… Mozilla вставляет b, IE вставляет strong… какая нибудь опера вообще вставит туда span style=«font-weight:bold»
0
Я «причёсывал» на стороне сервера. Ага, регулярки, они самые :(
0
это всего 1.5 Кб

Зависимости — jQuery, jQuery HotKeys и Bootstrap.

А это только мне кажется бредовой вся эта современная вакханалия с «зависимостями»? В чем глубинный смысл оптимизации до 1.5кб, если человек зашедший на страничку все равно будет скачивать полмегабайта включаемых скриптов? :)
0
В том, что jQuery и Bootstrap сейчас использует каждый второй, если не первый сайт, и в кэшах и CDN всех уровней они почти наверняка есть.
+1
По-моему не очень так довод с учетом что кеш непредсказуем, а библиотеки часто обновляются…
0
Каждый раз одно и то же :(

Ну, да, CDN тоже могут упасть и некоторое время не раздавать. На практике они поднимаются намного быстрее, чем мои же сервера. Админы CDN работают оперативнее или реализовано авто-восстановление.

А насчёт версий:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

Версия зафиксирована. Проблем пока не вижу.
+1
В Опере 12.15 под Linux Mint 14 x86 вот такие символы вместо иконок

Шрифта стоят стандартные + установлены tff-mscorefonts
0
Нет. Такие же непонятные закорючки. Видимо рано ещё использовать кастомные шрифты.
UFO landed and left these words here
0
Если бы это был мой редактор, то с чего бы мне о себе писать в третьем лице? Кроме того, топик был бы в хабе «Я пиарюсь».
0
Знаем, пользуемся, но полумертвая поддержка и глючность, временами зашкаливают, увы.
0
Несложная конструкция «над»

<textarea id="txt">&lt;div class=&quot;hero-unit&quot;&gt;&lt;h1&gt;&lt;a href=&quot;http://mindmup.github.io/bootstrap-wysiwyg/&quot;&gt;bootstrap-wysiwyg&lt;/a&gt;&lt;br&gt;&lt;small&gt;tiny wysiwyg rich text editor for Bootstrap&lt;/small&gt;&lt;/h1&gt;&lt;/div&gt;</textarea>


<div id="editor"></div>


$(function(){
   // связать поле ввода с редактором
   $('#editor').html($('#txt').val()).wysiwyg(); // перегнать HTML код в редактор
   $('#editor').bind('keyup',function(){ $('#txt').val($('#editor').html())}); // забрать HTML код из редактора

   // плюшка - редактирование в textarea и просмотр в HTML
   // $('#txt').bind('keyup', function(){ $('#editor').html($('#txt').val()); }) // обновлять значение в поле, если поменяли в редакторе
   // ИЛИ
   $('#txt').hide(); // чтоб не поле мешалось
});
0
Круто! Красота-красотой, но название и текущий размер шрифта нужно показывать (желательно сделать выбор цвета шрифта/фона). И добавить ссылки для загрузки видео, файлов и яндекс/гугл карт. И опциональную кнопочку редактирования исходного кода. И редактор таблиц, конечно. Это тот минимум без которого его нельзя серьезно использовать в админках организаций (все хотят табличку с ценами, цветной заголовок, выложить презентацию в pdf и яндекс-карту со схемой проезда) и блогохостингах (как же без видео), а для комментариев чересчур много наворотов и нет возможности цитирования.

Пока, к сожалению, ни туда и не сюда, и размер тут не имеет значения…
Only those users with full accounts are able to leave comments.  , please.