[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Tiny MCE редактор и markdown-код
Страницы: 1, 2
mstdmstd
Я вот еще вывел тот же текст что и выше посимвольно при сохранении
https://imgur.com/a/Uei6A
и похоже что tinymce при сохранении удаляет символы перевода строки.
Это какие-то настройки, дополнительные плагины?
brevis
Попробуй еще при вставке текста в редактор оборачивать текст в <pre>...</pre>.

_____________
Чатик в телеге
mstdmstd
Цитата (brevis @ 2.10.2017 - 08:24)
Попробуй еще при вставке текста в редактор оборачивать текст в <pre>...</pre>.

Не помогло
И точно также, если закоментарить инициализацию tinyMCE то в textarea однострочный текст.
killer8080
Цитата (mstdmstd @ 2.10.2017 - 10:56)
и похоже что tinymce при сохранении удаляет символы перевода строки.

так работают все визивиг редакторы, символы перевода строки удаляются, текст идущий до них оборачивается блочным тегом <div> или <p>

mstdmstd
tinymce обычно подгружает свои плагины динамически, но среди сетевых запросов невидно вызова textpattern, как собственно и остальных unsure.gif
brevis
mstdmstd, оно по задумке вот так https://i.imgur.com/LkeQhfe.gif должно работать?
Там же на выходе получается html. Если оно у тебя хранится в md -- то нужно будет еще конвертировать html -> md? Как-то не очень.
Может и правда отказаться от tinymce в пользу именно markdown-редактора, типа такого https://simplemde.com/ ?


_____________
Чатик в телеге
killer8080
brevis
у него tiny как то криво инициализируются, ни один плагин не подгружается.
mstdmstd
Спасибо за наводку Markdown editor явно лучше TinyMCE в данном случае:
Хотя проблема с потерей перевода строки осталась и я ее решил при сабмите заменой
str = str.replace(new RegExp(String.fromCharCode(13), 'g'), 'ZZZZZ');
str = str.replace(new RegExp(String.fromCharCode(10), 'g'), 'XXXXX');

и при сохранении на сервере:
$str = str_replace( 'ZZZZZ' , "\r", $str );
$str = str_replace( 'XXXXX' , "\n", $str );


Так работает...

Есть вопрос как установить высоту Markdown editor-а. Тут https://github.com/sparksuite/simplemde-markdown-editor написано
Цитата
.CodeMirror, .CodeMirror-scroll {
min-height: 200px;
}Or, you can keep the height static:
.CodeMirror {
height: 300px;
}

В свой scss я вставил:

.CodeMirror {
height: 1350px;
min-height: 1350px;
background-color: red;
}

.CodeMirror, .CodeMirror-scroll {
min-height: 1350px;
height: 1350px;
background-color: yellow;
}


фон редактора стал желтым а высота не увиличилась...
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.