百度编辑器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"><form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">选择框</label> <div class="layui-input-block"> <select name="city" lay-verify="required"> <option value=""></option> <option value="0">北京</option> <option value="1">上海</option> <option value="2">广州</option> <option value="3">深圳</option> <option value="4">杭州</option> </select> </div> </div> </form> </pre>