【问题标题】:Is there a way to make Enter and Shift + Enter work the same way in TinyMCE?有没有办法让 Enter 和 Shift + Enter 在 TinyMCE 中以相同的方式工作?
【发布时间】:2020-11-24 21:39:37
【问题描述】:

我在当前项目中使用 tinymce-react 包。有没有办法让“enter”和“shift + enter”以同样的方式工作?就我而言,我需要它们都在按下时插入<p></p>。我尝试了force_root_blockforce_p_newlinesforce_br_newlines 的不同变体,但最终总是其中一个插入<p></p>,另一个插入<br/>。提前感谢您的帮助:)

【问题讨论】:

    标签: javascript reactjs tinymce


    【解决方案1】:

    你在寻找这样的东西吗?

    //target textarea with querySelector
    var textA = document.querySelector("textarea");
    textA.addEventListener("keyup", function(event) {
      // keyCode 13 is the "Enter" key on the keyboard
      // keyCode 16 is the "Shift" key on the keyboard
      if (event.keyCode === 13 || event.keyCode === 16) {
        // Prevent default action
        event.preventDefault();
        //if shift or enter are pressed then insert new paragraph
        textA.value = textA.value + "<p></p>"
      }
    });
    &lt;textarea&gt;&lt;/textarea&gt;

    【讨论】:

    • 不完全是,我希望它插入带有

      标签而不是
      的新行,但我找到了解决方案。我只是检查是否同时按下了 enter 和 shift 并运行 mceInsertNewLine 函数并且它按预期工作。

    • 我使用了tinymce.activeEditor.execCommand('InsertLineBreak');。见exposed editor commands
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-10-29
    • 2023-03-13
    • 2017-08-04
    • 1970-01-01
    • 2020-02-26
    • 1970-01-01
    相关资源
    最近更新 更多