loader
26 Jul , 2019

百度编辑器ueditor追加html内容

author

Mr.PAN 本站原创

shape animated shape animated shape animated

使用第三方账号注册

使用手机号/邮箱注册

最近碰到一个采集的项目,需要把抓取的内容进行筛选过滤然后编辑入库,其中抓取的内容进行编辑会涉及到一个问题就是,把获取到的html数据回显到编辑器中,在网上找了到了些方法,但是不是很理想,最后自己查官网API才解决;

添加HTML内容到百度UEditor编译器中,先直接上代码:

utils.ajax("capture",{source_url:url},function(result){
    if ( !result.code ) {
        return bootbox.alert({size: "small",message: result.msg});
    }
    return spop({
        template: result.msg.tips,
        autoclose: 3000,
        position  : 'top-center',
        style: 'success',
        onClose: function ()
        {
            $('input[name=name]').val(result.msg.data.title);
            $('input[name=en_name]').val(result.msg.data.en_name);
            $('input[name=keywords]').val(result.msg.data.keywords);
            editor.execCommand('insertHtml', result.msg.data.content);//最关键的一步
        }
    });
});

相关函数:execCommand函数

execCommand(String cmd, String html)

插入html代码


参数列表

参数名类型描述
cmdString命令字符串
htmlString插入的html字符串

相关链接

execCommand方法的官网链接:

http://ueditor.baidu.com/doc/#UE.Editor:execCommand(String)


最后官网API还有ready事件,专门可以针对UEditor加载完成后的处理;

http://ueditor.baidu.com/doc/#UE.Editor:ready

官网上有两种ready的事件的处理方法:

第一种是ready监听:

editor.addListener( 'ready', function( editor ) {
    editor.execCommand( 'focus' ); //编辑器家在完成后,让编辑器拿到焦点
});

第二种类似于jquery的$(document).ready{}一样,也是初始完成之后执行:

editor.ready( function( editor ) {
    editor.setContent('初始化完毕');
});

这两种的效果是一样的。

注意:上述两种方法,官网上的demo有个错误,就是function(editor)中的editor不是Editor()对象,而下方

editor.execCommand('insertHtml', content_old);

editor应该是Editor()对象,否则会报“无效属性execCommand”的错误!所以,我这里把function(editor)改为了function(edt),这样就不会出现变量名冲突;

以上就是关于“百度编辑器ueditor追加html内容”的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流。

Robin Binar Themeix

Onubia, turpis inceptos pharetra. Ipsum erat rutrum, luctus non rhoncus quam quisque posuere, eros pede leo facilisis at risus. Ea sit consectetuer suscipit pede hac purus, erat nec

猜你喜欢

WinSxS是什么,C盘WinSxS是什么文件夹?

11 Dec , 2018

2018-12-11 00:01

mac下安装composer,macos系统下全局安装composer

11 Dec , 2018

2018-12-11 00:11

区块链是什么,区块链到底是什么意思,看完这段话就懂了

11 Dec , 2018

2018-12-11 00:19

wireshark使用教程,网络抓包工具wireshark中文版使用教程

11 Dec , 2018

2018-12-11 00:48

VBS整人代码大集合,学会用VBS来编小程序对心仪的女神表白

11 Dec , 2018

2018-12-11 02:06

网友评论 ( 0 条评论 )

评论