Tinymce 如何在微型mce中加载内容?

Tinymce 如何在微型mce中加载内容?,tinymce,Tinymce,我将内容加载到textarea,然后将其初始化为tiny mce的实例。它可以完美地工作,直到文本区域只有段落。当我试着加载一个包含图像的段落时,它的工作方式很奇怪。原始段落内的所有内容将移动到新段落,原始段落将添加为空。为什么会发生这种情况。提前谢谢 我正在尝试加载以下内容:- <p id="paragraph-06C073B3-6BA7-AE52-7BFE-9CA282E448DC" class="textElementClass"><div aria-disabled=

我将内容加载到textarea,然后将其初始化为tiny mce的实例。它可以完美地工作,直到文本区域只有段落。当我试着加载一个包含图像的段落时,它的工作方式很奇怪。原始段落内的所有内容将移动到新段落,原始段落将添加为空。为什么会发生这种情况。提前谢谢

我正在尝试加载以下内容:-

<p id="paragraph-06C073B3-6BA7-AE52-7BFE-9CA282E448DC" 
class="textElementClass"><div aria-disabled="true" style="position: relative; 
z-index: auto;" class="draggableItem imageElement NestedImg ui-draggable-disabled
ui-state-disabled" id="Element-4C4AC020-0B32-99E9-356E-CCD6470E8294">
<img style="position: relative;" src="images/file-managements.png" class="ImageEdit 
ui-draggable ui-draggable-disabled" 
id="image-4C4AC020-0B32-99E9-356E-CCD6470E8294"></div>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, when an unknown 
printer took a galley of type and scrambled it to make a type specimen book. It has 
survived not only five centuries, but also the leap into electronic typesetting,
remaining essentially unchanged. It was popularised in the 1960s with the release of 
Letraset sheets containing Lorem Ipsum passages, and more recently with desktop 
publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p><div 
style="" class="dropAfter ui-droppable"></div>

Lorem Ipsum只是印刷和排版行业的虚拟文本。乱数假文 自16世纪以来,一直是行业标准的虚拟文本,当时一个未知的 印刷工拿起一个铅字厨房,把它翻成一本铅字样本书。它有 不仅存活了五个世纪,而且还跨越到了电子排版, 基本保持不变。它在20世纪60年代随着 Letraset表包含Lorem Ipsum段落,最近使用的是桌面 发布软件,如Aldus PageMaker,包括Lorem Ipsum版本

加载后,将其更改为:

<p id="paragraph-06C073B3-6BA7-AE52-7BFE-9CA282E448DC" 
class="textElementClass">&nbsp;</p>
<div id="Element-4C4AC020-0B32-99E9-356E-CCD6470E8294" class="draggableItem 
imageElement NestedImg ui-draggable-disabled ui-state-disabled" style="position:
relative; z-index: auto;"><img id="image-4C4AC020-0B32-99E9-356E-CCD6470E8294"
class="ImageEdit ui-draggable ui-draggable-disabled" style="position: relative;"
src="images/file-managements.png" alt="" /></div>
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.
   Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an 
   unknown printer took a galley of type and scrambled it to make a type specimen book. It 
   has survived not only five centuries, but also the leap into electronic typesetting, 
  remaining essentially unchanged. It was popularised in the 1960s with the release of 
  Letraset sheets containing Lorem Ipsum passages, and more recently with desktop 
  publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
  <p>&nbsp;</p>

Lorem Ipsum只是印刷和排版行业的虚拟文本。 自16世纪以来,Lorem Ipsum一直是行业标准的虚拟文本,当时 这位不知名的印刷工拿起一个铅字厨房,把它拼凑成一本铅字样本书。信息技术 它不仅存活了五个世纪,而且还跨越到了电子排版, 基本保持不变。它在20世纪60年代随着 Letraset表包含Lorem Ipsum段落,最近使用的是桌面 发布软件,如Aldus PageMaker,包括Lorem Ipsum版本


这可能是因为tinymce将p-tag用作默认包装元素,从而导致这种wierd行为


编辑:“/div>”不是有效的html标记。尝试验证要插入的html。

这可能是因为tinymce将p-tag用作默认包装元素,从而导致此wierd行为

编辑:“/div>”不是有效的html标记。尝试验证要插入的html。

TinyMCE有一个html“normalizer”引擎,可以动态重写代码。我记得,这是因为一些浏览器在内容可编辑区域添加了奇怪的空白元素以及其他类似的差异

不支持将div标记(块级别)放在p标记(块级别)中。TinyMCE可能会考虑到这一点。改用样式化的span标记

有一个init选项可以让TinyMCE不规范化内容,但不建议这样做,因为某些浏览器可能无法按照TinyMCE需要的方式正确呈现内容。

TinyMCE有一个HTML“normalizer”引擎,可以动态重写代码。我记得,这是因为一些浏览器在内容可编辑区域添加了奇怪的空白元素以及其他类似的差异

不支持将div标记(块级别)放在p标记(块级别)中。TinyMCE可能会考虑到这一点。改用样式化的span标记


有一个init选项可以让TinyMCE不规范内容,但不建议这样做,因为某些浏览器可能无法按照TinyMCE需要的方式正确呈现内容。

这是一个错误,是在我尝试格式化代码时生成的。我已经检查过了,整个HTML是有效的。请帮忙。我仍然深陷其中。这是一个错误,是在我试图格式化代码时产生的。我已经检查过了,整个HTML是有效的。请帮忙。我仍然陷在这里面。