TinyMCE не вставляет разрыв строки для \ n - PullRequest
0 голосов
/ 06 февраля 2019

У меня есть следующий текст

"3 великолепных частных виллы. \ N \ n The Beach villa, \ n \ nThe Cliff villa",

показывающий этот текст в TinyMCE, ниже приводитсякод TinyMCE js

 tinyMCE.init({
    mode: "specific_textareas",
    element: editorID,
    encoding: "xml",
    content_css: hostURL + editorcssURL,
    editor_selector: editorClass,
    height: 500,
    external_plugins: { "nanospell": "nanospell/plugin.js" },
    nanospell_autostart: true,
    plugins: ["code searchreplace link print preview charmap paste advlist image textcolor"],
    default_link_target: isgConstants.DefaultTargetTypeForTinyMCEEditorLink,
    link_class_list: [
    { title: 'Special link', value: 'simple-link' },
    { title: 'None', value: '' }
    ],
    nanospell_server: "asp.net", // choose "php" "asp" "asp.net" or "java"
    spellchecker_languages: "English=en",
    relative_urls: false,
    style_formats: styleformat || "",
    toolbar: "cut copy paste | undo redo | bold italic underline strikethrough | bullist numlist outdent indent | charmap link image subscript superscript nanospell | print preview  code | styleselect | forecolor | backcolor | " + EditorCustomButtons,
    forced_root_block: "",
    menubar: "file edit insert format",
    statusbar: false,
    toolbar_items_size: 'medium',
    valid_elements: '*[*]',
    setup: function (event) {
      event.on('keyup', function (e) {
        isgProductText.GetCharCount(event, editorID);
      });
      event.on('init', function (e) {
        var text = tinyMCE.get(editorID).getContent({ format: 'text' });
        var numOfChar = text.trim().length;
        $.trim($('#noOfURChar').text(numOfChar));
      });
      //Add special link button - mk
      event.addButton('addclasstolink', {
        text: 'Special link to all',
        title: 'Add/Remove class to all',
        onclick: function () {
          var anchor = event.dom.select('a');

          var activeState = this.active();

          if (activeState) {
            $(anchor).removeClass('simple-link');
            this.active(false);
          }
          else {
            $(anchor).addClass('simple-link');
            this.active(true);
          }
        }
      });
    },
    file_browser_callback: function (field_name, url, type, win) {
      if (type == 'image') {
        $("#" + field_name).append('<input id="editorFileInpt" type="file">');
        $('#editorFileInpt').click();
        $('#editorFileInpt').change(function () { me.UploadTinyMceImage(field_name) });
      }
    }
  }); 

Редактор tinyMCE показывает «3 потрясающие частные виллы. Пляжная вилла, The Cliff villa» в одну строку.

Как разрешить разрыв строки в том месте, где \n присутствует,

, а также не показывает пробел между ". \ N \ n"

Я пробовал, но он не работает

    //force_p_newlines : false,
    //force_br_newlines : true,
    //convert_newlines_to_brs : false,
    //remove_linebreaks : false,
    //forced_root_block : false,

1 Ответ

0 голосов
/ 06 февраля 2019

TinyMCE - это редактор HTML, а символ \n не имеет значения в HTML.Если вы хотите, чтобы это стало разрывом строки в TinyMCE, вам нужно преобразовать \n в <br> перед загрузкой данных в HTML.

Если вы дадите TinyMCE текстовую строку без оберток HTML-тегов, вся строка будет обернута в абзац (<p></p>), чтобы убедиться, что у вас есть правильный правильно сформированный HTML.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...