TinyMCE 'forced root block' 导致 Google Chrome 出现问题
TinyMCE 'forced root block' causes problem with Google Chrome
当我在 TinyMCE 配置中将 forced_root_block
更改为 false 时,在 Google Chrome 中键入 spaces 会导致问题。 space 栏似乎 'hang'。 Microsoft Edge 没有问题。我不确定这个问题是什么时候开始的,因为我不一直使用 Chrome,但我想是最近才出现的。我正在使用此设置,因为我想要换行符 <br>
而不是带有回车键的段落 <p>
。
我试图在下面的代码片段中重现此行为,但无法实现 运行。无论如何,这是我自己网站上的 same example。这个问题可以解决吗,还是 Chrome 问题?
编辑: spaces 使用 Internet Explorer 时似乎也存在问题,与 forced_root_block
设置无关。尽管 space 栏没有挂起,但它产生 而不是正常的 spaces。因此我认为问题与 TinyMCE 有关,而不是浏览器。
tinymce.init({
selector: 'textarea',
height: 150,
width: 400,
theme: 'modern',
verify_html: false,
menubar: false,
statusbar: false,
forced_root_block: false,
paste_as_text: true,
plugins: [
'advlist autolink lists link image charmap print preview hr anchor pagebreak',
'searchreplace wordcount visualblocks visualchars code fullscreen',
'insertdatetime media nonbreaking save table contextmenu directionality',
'emoticons template paste textcolor colorpicker textpattern imagetools'
],
toolbar1: 'bold italic | link | forecolor backcolor emoticons emoji | removeformat',
contextmenu: 'paste | link image inserttable | cell row column deletetable',
image_advtab: true,
relative_urls: false,
remove_script_host: true,
});
<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
<form id="form1">
<textarea id="fldMessage" cols="58" rows="15" runat="server"></textarea>
</form>
当您设置 forced_root_block: false
时,您是在告诉 TinyMCE 在按下回车键时插入一个 <br>
,而不是创建一个新的块元素 (<p>
)。
当按下 Enter 键时,您希望发生什么? TinyMCE 将创建一个新块或插入一个换行符——你想要一些其他的行为吗?如果是这样,您将需要捕获 Enter 按键并以编程方式执行您想要的操作。
当我在 TinyMCE 配置中将 forced_root_block
更改为 false 时,在 Google Chrome 中键入 spaces 会导致问题。 space 栏似乎 'hang'。 Microsoft Edge 没有问题。我不确定这个问题是什么时候开始的,因为我不一直使用 Chrome,但我想是最近才出现的。我正在使用此设置,因为我想要换行符 <br>
而不是带有回车键的段落 <p>
。
我试图在下面的代码片段中重现此行为,但无法实现 运行。无论如何,这是我自己网站上的 same example。这个问题可以解决吗,还是 Chrome 问题?
编辑: spaces 使用 Internet Explorer 时似乎也存在问题,与 forced_root_block
设置无关。尽管 space 栏没有挂起,但它产生 而不是正常的 spaces。因此我认为问题与 TinyMCE 有关,而不是浏览器。
tinymce.init({
selector: 'textarea',
height: 150,
width: 400,
theme: 'modern',
verify_html: false,
menubar: false,
statusbar: false,
forced_root_block: false,
paste_as_text: true,
plugins: [
'advlist autolink lists link image charmap print preview hr anchor pagebreak',
'searchreplace wordcount visualblocks visualchars code fullscreen',
'insertdatetime media nonbreaking save table contextmenu directionality',
'emoticons template paste textcolor colorpicker textpattern imagetools'
],
toolbar1: 'bold italic | link | forecolor backcolor emoticons emoji | removeformat',
contextmenu: 'paste | link image inserttable | cell row column deletetable',
image_advtab: true,
relative_urls: false,
remove_script_host: true,
});
<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
<form id="form1">
<textarea id="fldMessage" cols="58" rows="15" runat="server"></textarea>
</form>
当您设置 forced_root_block: false
时,您是在告诉 TinyMCE 在按下回车键时插入一个 <br>
,而不是创建一个新的块元素 (<p>
)。
当按下 Enter 键时,您希望发生什么? TinyMCE 将创建一个新块或插入一个换行符——你想要一些其他的行为吗?如果是这样,您将需要捕获 Enter 按键并以编程方式执行您想要的操作。