解决百度编辑器ueditor无法保存样式问题

      发布在:个人笔记      评论:0 条评论
<p>最近想提供拷贝PhpStorm代码样式代码直接发布,发现百度编辑器会直接把样式直接给过滤掉,好吧那我直接把这块的过滤机制给你去掉吧,具体找到ueditor\ueditor.all.js文件的</p><pre style="background-color:#262e37;color:#ffffff;font-family:&#39;Consolas&#39;;font-size:11.3pt;"><span style="color:#4ac60a;">execCommand</span><span style="color:#f92672;">: function </span>(){</pre><p>方法中的</p><pre style="background-color:#262e37;color:#ffffff;font-family:&#39;Consolas&#39;;font-size:11.3pt;"><span style="color:#f92672;">var </span><span style="color:#64a2a2;">root </span><span style="color:#f92672;">= </span><span style="color:#660e7a;font-weight:bold;">UE</span>.<span style="color:#4ac60a;">htmlparser</span>(<span style="color:#64a2a2;">me</span>.<span style="color:#660e7a;font-weight:bold;">body</span>.<span style="color:#660e7a;font-weight:bold;">innerHTML</span>);</pre><p>和</p><pre style="background-color:#262e37;color:#ffffff;font-family:&#39;Consolas&#39;;font-size:11.3pt;"><span style="color:#f92672;">var </span><span style="color:#64a2a2;">content </span><span style="color:#f92672;">= </span><span style="color:#64a2a2;">root</span>.<span style="font-style:italic;">toHtml</span>(<span style="color:#f92672;">true</span>);</pre><p>之间的代码直接注释掉大概在16324行至16344行</p><p><img src="http://img.80zx.com/ueditor/image/202002/158190785644b13b.png" title="image" alt="image"/></p><p>但还是发现pre标签下的元素和文字会直接过滤掉,于是找到</p><pre style="background-color:#262e37;color:#ffffff;font-family:&#39;Consolas&#39;;font-size:11.3pt;"><span style="color:#64a2a2;">me</span>.<span style="color:#4ac60a;">addInputRule</span></pre><p>和</p><pre style="background-color:#262e37;color:#ffffff;font-family:&#39;Consolas&#39;;font-size:11.3pt;"><span style="color:#64a2a2;">me</span>.<span style="color:#4ac60a;">addOutputRule</span></pre><p>针对pre标签的处理直接return掉</p><p><img src="http://img.80zx.com/ueditor/image/202002/158190820467f42b.png" title="image" alt="image"/></p><p><img src="http://img.80zx.com/ueditor/image/202002/1581908233858c14.png" title="image" alt="image"/></p><p>自此只是简单粗暴的解决了样式和pre样式内元素被过滤问题。在此我个人也没有深究保持编辑器的过滤功能而只去掉影响我们样式被去掉问题。</p>
热门推荐