ноября 04 2014
0

Как добавить кнопку абзаца в редактор?

yuran    4 ноября 2014, 14:24    в избранное в избранном    9 комментариев
Вопросы, проблемы и их решения   
Добавил в style.min.css к тегу p такое: 
text-indent: 40px;
Получилось так:
p {
  margin: 0 0 9px; text-indent: 40px;
}


Теперь перед строкой в которой необходимо сделать отступ ставлю 
<p>
в конце блока текста 
</p>

Вручную немного муторно все это расставлять по тексту. Может кто то знает как в редактор вывести соответствующую кнопку? Было бы здорово, выделил блок текста, нажал кнопку и этот блок обрамлен 
<p>...</p>
Помогите пожалуйста светлые головы.
Теги:

Похожие статьи

  • Размер загружаемой картинки через редактор
    Всех приветствую! Когда загружаешь картинку в редакторе, то в ссылку автоматически добавляется параметр width="100%" <img src="http://moysait....
  • Наводим порядок в редакторе TinyMCE 4
    Простите, но я зае, намучался с этим встроенным TinyMCE 4.0. Поэтому разрешите выложить решения проблем, которые мучали лично меня, возможно и кого-то ещё. Какие были проблемы: 1) При вставке текста из другого...
  • Загрузка картинок в топик с обрезкой
    При загрузке изображений для фото профиля или аватара в окне работы с изображением есть функция обрезки. Но вот в загрузчике картинок при создании топиков такой возможности нет, что, на мой взгляд, не совсем удобно....
  • Немного вопросов
    Добрый день уважаемые дамы и господа. Имеется несколько вопросов, подскажите пожалуйста. 1. Даю пользователю права модератора, но в итоге он как был обычным пользователем так и остался, основная цель модератора —...

9 комментариев

0
livestreet.ru/blog/questions/15312.html вам сюда
+1
Сходил по ссылке… Там описано для старых версий LS… я даже файл этот markup_settings.js не нашел в дистрибутиве, а с альто наверное вообще нереально по аналогии сделать:(
0
Как пример, в теме experience добавлена кнопка br, изменения внесены в скрипт common/templates/skin/experience/themes/default/js/theme.js в строках 437-451. Стили в файле common/templates/skin/experience/assets/less/expierence/markitup.less в строке 166, картинка с иконками кнопок здесь — common/templates/skin/experience/assets/images/editor_icons.png
Отредактирован:
0
Попробовал по аналогии с br сделать, скопировал строки 437-451 и вставил дальше с 452-й строки, в этх вставленных строках поменял 
br/ на p
.

Появилась вторая кнопка br справа от уже имеющейся. При нажатии вставляет в поле ввода текста тег 
<p>

Но нужно то, чтобы выделенный фрагмент текста обрамлялся 
<p>.... тут текст....</p>
Так просто по аналогии этого не добиться…
Отредактирован:
0
Скажите, а зачем вам эта кнопка? Не хотите сделать, чтобы абзацы в редакторе по дефолту оборачивались в тег p?
Отредактирован:
0
Вообще мне нужно было чтобы в абзацах был отступ у первой строки, как я писал выше я добавил в стили 
p {
  margin: 0 0 9px; text-indent: 40px;
}

Не хотите сделать, чтобы абзацы в редакторе по дефолту оборачивались в тег p?

Я то очень хочу… да только не могу, соображалки не хватает:) Мог бы — давно сделал бы. А я прошу помощи у тех кто хорошо разбирается.
0
Для TinyMCE сделай как здесь altocms.ru/699.html.
0
Какой редктор? В последних вресиях tinymce автоматом оборачивает в тег p.

Если в markitup, подредактируй там в 2х местах (для топиков и комментариев)

onShiftEnter:   {keepDefault: false, replaceWith: '<br />\n'},
        onCtrlEnter:    {keepDefault: false, openWith: '\n<p>', closeWith: '</p>'},

так, чтобы по shift-enter вставлялось (ctrl-enter сейчас вызывает отправку комментария, или топика, поэтому не сработает)

Файл

\common\templates\frontend\libs\js\engine\settings.js
Отредактирован:
0
Останусь на tinymce, в нем действительно автоматом оборачивает и отступ есть. В markitup что то мудрено все с костылями какими то… не одно так другое, сейчас вот в комментах строки не переносятся:(
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.