1

Я использую редактор TinyMCE на своём сайте. Когда я пишу статью, и делаю пустую строку - отступ, то TinyMCE это реализует через

<p></p>

либо в зависимости от ситуации это может быть

<p><span style="color:red"></span></p>

или например

<p><strong></strong></p>

Если я на сайте вывожу текст какой мне возвращает TinyMCE то у меня все пустые строки - перевод каретки просто не отображаются и выкидываются, это стандартное поведение HTML как я понимаю.

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

Как я пытался сделать - на сервере заменять <p></p> на <p>&nbsp;</p> но не сработало, так как пустая строка в TinyMCE, как я писал выше может быть разной.

Как я знаю внутри себя TinyMCE такие в такие строчки помещает <br data-mce-bogus="1"> но в ответ на сервер их не выдаёт, может быть можно как-то его заставить их выдавать?

8
  • А как вам это удалось? мне сохраняет <p>&nbsp;</p>
    – splash58
    13 мая 2017 в 18:21
  • @splash58 Это вам сам TinyMCE на сервер возвращает при введение пустой строки? 13 мая 2017 в 18:27
  • да. Может, какие-то настройки бывают. но мне кажется, я все по умолчанию подключал
    – splash58
    13 мая 2017 в 18:28
  • @splash58 Вы через TextArea подключаете? 13 мая 2017 в 18:31
  • конечно. могу полезть найти опции запуска
    – splash58
    13 мая 2017 в 18:33

1 ответ 1

0

Так как я пишу на C# то решение выбрал такое. После отправки сообщения оно парситься и все эллементы типа <p><b></b></p> преобразуется к виду с <p><b><br class="breakline" /></b></p>. То есть в центр добавляется тег <br>. Вот код алгоритма. Для парсинга используется библиотека AngleSharp.

string ReplaceVoidParagraphs(string html)
{
     HtmlParser parser = new HtmlParser();
     IHtmlDocument doc = parser.Parse(html);
     var ps = doc.QuerySelectorAll("p,h1,h2,h3,h4,h5,h6");
     foreach(var p in ps)
     {
         DetectVoidParagraph(doc,p);
     }
     return doc.Body.InnerHtml;
}

readonly string[] voidptags = { "p","h1","h2","h3","h4","h5","h6","span","b","i","strong","em" };

void DetectVoidParagraph(IHtmlDocument doc,IElement ell)
{
    if (!voidptags.Contains(ell.TagName.ToLower()))
         return;
    if(ell.Children.Length == 0 && string.IsNullOrWhiteSpace(ell.TextContent))
    {
        var br = doc.CreateElement("br");
        br.ClassName = "breakline";
        ell.AppendChild(br);
        return;
    }
    if(ell.Children.Length == 1)
    {
        DetectVoidParagraph(doc,ell.Children[0]);
        return;
    }
    return;
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.