最近碰到一个采集的项目，需要把抓取的内容进行筛选过滤然后编辑入库，其中抓取的内容进行编辑会涉及到一个问题就是，把获取到的html数据回显到编辑器中，在网上找了到了些方法，但是不是很理想，最后自己查官网API才解决；添加HTML内容到百度UEditor编译器中，先直接上代码：<pre class="brush:js;toolbar:false">utils.ajax(&quot;capture&quot;,{source_url:url},function(result){
&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(&nbsp;!result.code&nbsp;)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;bootbox.alert({size:&nbsp;&quot;small&quot;,message:&nbsp;result.msg});
&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;spop({
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;template:&nbsp;result.msg.tips,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;autoclose:&nbsp;3000,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;position&nbsp;&nbsp;:&nbsp;&#39;top-center&#39;,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;style:&nbsp;&#39;success&#39;,
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;onClose:&nbsp;function&nbsp;()
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(&#39;input[name=name]&#39;).val(result.msg.data.title);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(&#39;input[name=en_name]&#39;).val(result.msg.data.en_name);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(&#39;input[name=keywords]&#39;).val(result.msg.data.keywords);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;editor.execCommand(&#39;insertHtml&#39;,&nbsp;result.msg.data.content);//最关键的一步
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}
&nbsp;&nbsp;&nbsp;&nbsp;});
});</pre>相关函数：execCommand函数<pre class="brush:js;toolbar:false">execCommand(String&nbsp;cmd,&nbsp;String&nbsp;html)</pre>插入html代码<hr/>参数列表 <table><tbody><tr class="firstRow"><td width="501" valign="top" style="word-break: break-all;">参数名</td><td width="501" valign="top" style="word-break: break-all;">类型</td><td width="501" valign="top" style="word-break: break-all;">描述</td></tr><tr><td width="501" valign="top" style="word-break: break-all;">cmd</td><td width="501" valign="top" style="word-break: break-all;">String</td><td width="501" valign="top" style="word-break: break-all;">命令字符串</td></tr><tr><td valign="top" colspan="1" rowspan="1" style="word-break: break-all;">html</td><td valign="top" colspan="1" rowspan="1" style="word-break: break-all;">String</td><td valign="top" colspan="1" rowspan="1" style="word-break: break-all;">插入的html字符串</td></tr></tbody></table>相关链接execCommand方法的官网链接： http://ueditor.baidu.com/doc/#UE.Editor:execCommand(String)<hr/>最后官网API还有ready事件，专门可以针对UEditor加载完成后的处理； http://ueditor.baidu.com/doc/#UE.Editor:ready官网上有两种ready的事件的处理方法：第一种是ready监听：<pre class="brush:js;toolbar:false">editor.addListener(&nbsp;&#39;ready&#39;,&nbsp;function(&nbsp;editor&nbsp;)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;editor.execCommand(&nbsp;&#39;focus&#39;&nbsp;);&nbsp;//编辑器家在完成后，让编辑器拿到焦点
});</pre>第二种类似于jquery的$(document).ready{}一样，也是初始完成之后执行：<pre class="brush:js;toolbar:false">editor.ready(&nbsp;function(&nbsp;editor&nbsp;)&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;editor.setContent(&#39;初始化完毕&#39;);
});</pre>这两种的效果是一样的。注意：上述两种方法，官网上的demo有个错误，就是function(editor)中的editor不是Editor()对象，而下方<pre class="brush:js;toolbar:false">editor.execCommand(&#39;insertHtml&#39;,&nbsp;content_old);</pre>editor应该是Editor()对象，否则会报“无效属性execCommand”的错误！所以，我这里把function(editor)改为了function(edt)，这样就不会出现变量名冲突；以上就是关于“百度编辑器ueditor追加html内容”的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流。

百度编辑器ueditor追加html内容

From 本站原创

Still Have Questions?