时间戳

首页 > 解决方案 > 停止 TinyMCE 添加
标签，而不仅仅是将某些内容放在新行上

tinymce - 停止 TinyMCE 添加
标签，而不仅仅是将某些内容放在新行上

问题描述

所以在我正在设计的网站上，我创建了一个 cms，我想让人们做的一件事是编辑页面上的代码示例（这是一个允许教师注册的教育网站），我使用 TinyMCE 作为编辑。但是，当我测试它时，我注意到如果我将示例更改为：

alert("Hello nstudent "); 
document.write("Hello Student");

它将与它们并排显示在页面上，它们<br/>之间有一个标签。请查看此屏幕截图，显示我的意思 在此处输入图像描述。

有没有办法阻止 TinyMCE 添加<br/>标签并将它们放在我想要的新行上？

这就是我的设置方式：

      tinymce.init({

       selector: "textarea",
          force_br_newlines : false,
          force_p_newlines : false,
          forced_root_block : '',
          invalid_elements:"div",


          plugins: [

              "advlist autolink lists link image charmap print preview anchor",

              "searchreplace visualblocks code fullscreen",

              "insertdatetime media table contextmenu paste"

          ],

          toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"

      });

我花了很长时间试图找到一个解决方案，但似乎没有任何工作，所以任何指导将不胜感激

标签： tinymce

解决方案

您可能需要澄清您对要呈现到网站的代码的期望。TinyMCE 是一个 HTML 编辑器，所以当你要求它给你内容时，它会给你 HTML - 奇怪的是你正在使用一个 HTML 编辑器，但说你不想要 HTML。

根据您配置 TinyMCE 的方式（特别是forced_root_block : ''），按下ENTER键插入<br>标签。如果您没有该设置，则每次按下ENTER键都会插入一个新的块/段落（<p></p>默认情况下）。

当您使用 HTML 编辑器时，您希望编辑器在按下ENTER键时执行什么操作？移动到“新行”是一个新块或换行符。如果不是这些 HTML 结构之一，您希望 TinyMCE 做什么？

推荐阅读