百度编辑器ueditor代码块解析缺失不完整的问题

 JavaScript  2020-07-29  admin  21  28

百度编辑器ueditor代码块解析缺失不完整的问题

百度编辑器ueditor内容容器应该使用<script></script>标签,不能使用<textarea>标签</textarea>。

textarea标签一般情况没有问题,但是如果里面有<pre><code></code></pre>代码块,会导致解析缺失,错误,不能显示代码块。

正确用法:

<script id="editor" type="text/plain" style="width:1024px;height:500px;">
</script>

错误写法:

<textarea id="editor" type="text/plain" style="width:1024px;height:500px;">
</textarea>

这段代码分别在两个容器的解析效果:

<pre class="brush:html;toolbar:false">&lt;form&nbsp;class=&quot;layui-form&quot;&nbsp;action=&quot;&quot;&gt;
        &nbsp;&nbsp;&lt;div&nbsp;class=&quot;layui-form-item&quot;&gt;
        &nbsp;&nbsp;&nbsp;&nbsp;&lt;label&nbsp;class=&quot;layui-form-label&quot;&gt;选择框&lt;/label&gt;
        &nbsp;&nbsp;&nbsp;&nbsp;&lt;div&nbsp;class=&quot;layui-input-block&quot;&gt;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;select&nbsp;name=&quot;city&quot;&nbsp;lay-verify=&quot;required&quot;&gt;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option&nbsp;value=&quot;&quot;&gt;&lt;/option&gt;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option&nbsp;value=&quot;0&quot;&gt;北京&lt;/option&gt;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option&nbsp;value=&quot;1&quot;&gt;上海&lt;/option&gt;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option&nbsp;value=&quot;2&quot;&gt;广州&lt;/option&gt;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option&nbsp;value=&quot;3&quot;&gt;深圳&lt;/option&gt;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;option&nbsp;value=&quot;4&quot;&gt;杭州&lt;/option&gt;
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/select&gt;
        &nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;
        &nbsp;&nbsp;&lt;/div&gt;
         &lt;/form&gt;
</pre>

Snipaste_2020-07-29_22-26-12.png1.png

相关推荐


php节点父节点常用的操作方法

php节点父节点常用的操作方法/** *节点操作类 *ClassNode *@packageApp\Library *@authorcentphp.com */ classNodeLibrary { /** *配置 *@vararray */ publicstatic$config=[ &#39;pid_name&#39;=&gt;&#39;pid&#39;, &#39

mysql查询字段是否包含某个值或某些值的方法

方法一:SELECT * from demo where type like &quot;%3%&quot;;字段type中包含3的都查询到了方法二:SELECT * from demo where FIND_IN_SET(&#39;3&#39;,type);这里使用到函数FIND_IN_SET(str,strlist)函数str :待查询的字符串strlist :待查找的字段名,字段的值以”,”

spy-debugger一站式页面调试、抓包工具。远程调试任何手机浏览器页面,任何手机移动端webview(如:微信,HybridApp等)

一站式页面调试、抓包工具。远程调试任何手机浏览器页面,任何手机移动端webview(如:微信,HybridApp等)。支持HTTP/HTTPS,无需USB连接设备。特性1、页面调试+抓包2、操作简单,无需USB连接设备3、支持HTTPS。4、spy-debugger内部集成了weinre、node-mitmproxy、AnyProxy。5、自动忽略原生App发起的https请求,只拦截webvie

Chrome浏览器chrome://inspect/#devices调试WebView和手机页面

1. 手机开启调试模式用USB线连接电脑,安装安卓驱动,确保驱动安装成功(可以安装应用宝等电脑软件,查看是否可以连接成功),手机端确认开启调试模式。2.在电脑chrome浏览器或chromium内核的浏览器,地址栏输入:chrome://inspect/#devices 或设置-&gt;更多工具-&gt;开发者工具-&gt; 设置 more tools-&gt;Remote devices。3.在