Defari Sep 13 2011 at 16:27

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

4 min

21K

jQuery *

+28

Comments 35

Koroed Sep 13 2011 at 16:46

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

Defari Sep 13 2011 at 17:04

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

Mithgol Sep 13 2011 at 17:12

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

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

Koroed Sep 13 2011 at 17:50

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

Mithgol Sep 13 2011 at 18:35

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

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

Nashev Sep 13 2011 at 23:32

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

antivir Sep 13 2011 at 16:51

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

Defari Sep 13 2011 at 17:01

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

antivir Sep 13 2011 at 17:05

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

Defari Sep 13 2011 at 17:16

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

Yeah Sep 13 2011 at 17:15

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

BaHbka Sep 13 2011 at 18:53

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

shuler Sep 13 2011 at 19:15

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

UFO just landed and posted this here

1amer Sep 13 2011 at 19:36

Как насчет TeX?

Evengard Sep 13 2011 at 22:31

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

Nashev Sep 13 2011 at 23:32

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

Nashev Sep 13 2011 at 23:37

а, этот не WYSIWYG…

Nashev Sep 13 2011 at 23:39

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

Evengard Sep 14 2011 at 01:15

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

Fak3 Sep 13 2011 at 22:53

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

denuka Sep 14 2011 at 07:39

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

Fak3 Sep 13 2011 at 23:09

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

Defari Sep 14 2011 at 00:27

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

Fak3 Sep 13 2011 at 23:12

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

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

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

Nashev Sep 13 2011 at 23:34

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

tgm Sep 14 2011 at 00:22

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

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

jMas Sep 14 2011 at 03:57

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

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

Defari Sep 14 2011 at 10:20

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

tenshi Sep 15 2011 at 14:00

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

MechanisM Sep 25 2011 at 18:08

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

nanocat Sep 11 2013 at 06:58

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

volk0ff Aug 11 2016 at 13:49

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

volk0ff Aug 11 2016 at 13:43

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

volk0ff Aug 11 2016 at 13:48

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

\markitup\markitup\templates\preview.html

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