Defari 13 сен 2011 в 12:27

MarkitUp! — Легкий редактор на jQuery

4 мин

21K

jQuery *

+28

Комментарии 35

Koroed 13 сен 2011 в 12:46

а text-align он не умеет?

Defari 13 сен 2011 в 13:04

Думаю, что умеет. В этом случае, скорее всего, нужно подправить css файл.

Mithgol 13 сен 2011 в 13:12

Полагаю, что достаточно в markupSet добавить ещё кнопок в таком роде:

{
   name:      'Выровнять направо',
   className: 'editor-align-right',
   openWith:  '<div style="text-align: right;">',
   closeWith: '</div>'
}

Koroed 13 сен 2011 в 13:50

Понятно, что можно добавить совершенно любой тег с любыми свойствами. Но если я захочу исправить выравнивание по правому краю, на выравнивание по левому, он догадается убрать старый див и нарисовать новый? А еще блоки текста с разными стилями могут быть вложены друг в друга самыми разнообразными вариантами.

Mithgol 13 сен 2011 в 14:35

Полагаю, что творческое употребление функции replaceWith: function(m) { … } (с применением регулярных выражений к полю m.selectionOuter или m.selection внутри неё) вполне способно справиться с задачею изменения выравнивания по правому краю на выравнивание по левому, если соответствующий блок является внешним по отношению к остаткам выделенного текста.

Если же блоки текста с разными стилями вложены друг в друга куда более разнообразными вариантами, то задача изменения направления выравнивания вряд ли автоматизируется до уровня «достаточно кнопку на панели инструментов нажать» (уверен, что Вы и сами всецело отдаёте себе отчёт в этом), а вместо того потребует от пользователя снисхождения к неотступной необходимости руками выделять каждый из таких блоков прежде, чем кнопку нажать.

Nashev 13 сен 2011 в 19:32

творческое употребление всяких JavaScript примочек позволяет обойтись и вовсе без MarktUp!, и сделать всё самому — а вопрос, насколько я понял, в том, позволяет ли MarktUp! обойтись для подобной задачи без творческого употребления чего бы то ни было?..

antivir 13 сен 2011 в 12:51

Статья все еще в Песочнице. Она точно ваша?

Defari 13 сен 2011 в 13:01

Да, это моя первая статья на Хабре. За нее мне не дали приглашение. Я немного подправил статью, и опубликовал снова.

antivir 13 сен 2011 в 13:05

Ну что ж, если вы пропихнули в песочницу две статьи (эту и про Блогосферу), значит, на Хабре прибыло :)

Defari 13 сен 2011 в 13:16

Собственно, я бы эту статью опять бы не опубликовал, но в песочнице ей хабрапарсер не много перебил внешний вид.

Yeah 13 сен 2011 в 13:15

Мне тоже понравился этот редактор. Легко добавлять новые кнопки и теги. Сейчас как раз применяю его в одном из проектов.

BaHbka 13 сен 2011 в 14:53

а как на счёт прикрутки файл менеджера к нему?

shuler 13 сен 2011 в 15:15

Ну пипец, было же
habrahabr.ru/blogs/webdev/22459/

НЛО прилетело и опубликовало эту надпись здесь

1amer 13 сен 2011 в 15:36

Как насчет TeX?

Evengard 13 сен 2011 в 18:31

Эх, кто б подсказал WYSIWYG редактор с возможностью добавления своих сложных тегов для BBCode…

Nashev 13 сен 2011 в 19:32

а этот разве не умеет?

Nashev 13 сен 2011 в 19:37

а, этот не WYSIWYG…

Nashev 13 сен 2011 в 19:39

Как же он TynyMCE заменять может???

Evengard 13 сен 2011 в 21:15

Ни в TinyMCE, ни в CKEditor просто добавить новые сложные теги не выйдет, увы… Перемудрили они там с конвертацией туда-сюда, ИМХО…

Fak3 13 сен 2011 в 18:53

В статье не много не хватает пробелов после «не».

denuka 14 сен 2011 в 03:39

Это — прогрессирующая тенденция, которая косвенно формирует соответствующее отношение к авторам.
Немного не хватает культуры письменной речи (17-ый раздел).

Fak3 13 сен 2011 в 19:09

Ваш список «некоторых проблем» с TinyMCE почему-то содержит ровно одну проблему — так и должно быть?

Defari 13 сен 2011 в 20:27

Это просто мой выход из положения. Это решение оказалось оптимальным для моей ситуации.

Fak3 13 сен 2011 в 19:12

Сама проблема тоже покрыта туманом:

Как оказалось, при процессе допиливания доработки редактора, нужно использовать редактор без сжатия.

Вам удобней править сжатый код, чем код. отформатированный для людей?

Nashev 13 сен 2011 в 19:34

Ему неудобно обновлять правленый и сжатый самостоятельно код при получении нового сжатого от авторов… Почему-то каждый раз сжимать самому, обновляя по несжатому, всё же менее удобно, чем не править авторский код вовсе. %)

tgm 13 сен 2011 в 20:22

TinyMCE — действительно редактор текста (с форматированием) с возможностью просмотра кода.

А в этом редакторе я в примерах подобной функциональности не увидел (не туда смотрел?)
Ах, да, preview у них в отдельном фрейме… Ужас какой…

jMas 13 сен 2011 в 23:57

MarkItUp нельзя сравнивать с WYSIWYG редакторами. Это не допустимо!

Статья очень наивна, написана не достаточно опытным человеком. «чудесный JavaScript фреймворк jQuery». Ну это просто неплохой фреймверк. Обоснуйте его чудесность…

Defari 14 сен 2011 в 06:20

Полностью с Вами согласен. Опыт это вопрос времени и стремления. А с jQuery — чем дальше, тем легче. С другими фреймворками я дела не имел (пока еще), «чудесный», — просто синоним слова «отличный». В чем я за свой не большой опыт уже убедился не первый раз.

tenshi 15 сен 2011 в 10:00

без подсветки синтаксиса? нафиг-нафиг.

MechanisM 25 сен 2011 в 14:08

мне бы хотелось увидеть редактор, использующий минимум кода.
работающий через jQuery(ибо он уже и так используется на сайте).
например, как тут 10k.aneventapart.com/1/Uploads/303/
чтобы не дергать кучу скриптов для редактора, его панелей, его кнопок итд итп…
хочется минималистичный и легковесный.
единственный с натяжкой — Nicedit но он не jQuery = больше кода.

nanocat 11 сен 2013 в 02:58

А как же Imperavi? Два файла, минимум кода, легко добавить новые теги и перевести код. Допилил под себя и использую в проектах.

volk0ff 11 авг 2016 в 10:49

он же вроде платный, разве нет?

volk0ff 11 авг 2016 в 10:43

А не подскажете, в нем можно сделать так же, как в СEditor: подключить свой css файл, чтоб в превью он показывал мои стили?

volk0ff 11 авг 2016 в 10:48

нашел:
в файле

\markitup\markitup\templates\preview.html

вместо предложенного css подключить свой

Зарегистрируйтесь на Хабре, чтобы оставить комментарий