富文本插件-wangEditor、SweetAlert插件、SweetAlert2插件

最新推荐文章于 2024-06-26 17:14:46 发布

ljlhnick

最新推荐文章于 2024-06-26 17:14:46 发布

阅读量445

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/ljlhnick/article/details/100886190

版权

wangEditor插件

github项目指路

wangEditor这个插件可以用于react，vue框架中，也可以用cds引入使用更多用处参考文档

1.用cds引入，首先用script标签引入 https://unpkg.com/wangeditor/release/wangEditor.min.js

2.在js中new关于某个id元素的window.wangEditor对象，对象设置配置属性，调用create方法，填写编辑器中的值

<body>
    <div id="learn">学习React</div>
    <div id="app"></div>
</body>
<script type="text/javascript">
var p = React.createElement('p',{
    id: 'title',
    color: 'red',
    title: '你才是傻子勒'
},'你是傻子吗?')
ReactDOM.render(p,document.getElementById('learn'));

var comUl = React.createClass({
    componentDidMount() {
        var E = window.wangEditor;
        this.editor = new E("#learn");
        this.editor.customConfig = {
            zIndex: 1,
            uploadImgShowBase64: true, 
        };
        this.editor.create();
        this.editor.txt.html("Ceshi");
    },
    render:function(){
        return React.createElement('ul',null,
            React.createElement('li', null,'汤菜也'),
            React.createElement('li', null,'汤达人'),
            React.createElement('li', null,'烫烫烫'),
        );
    }
})
var ComUl =React.createElement(comUl);
ReactDOM.render(ComUl,document.getElementById('app'));
</script>

注意需要引入以下链接

<script src="https://cdn.bootcss.com/react/15.5.4/react.js"></script>
<script src=

最低0.47元/天解锁文章

ljlhnick

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
富文本插件-wangEditor、SweetAlert插件、SweetAlert2插件

wangEditor插件github项目指路wangEditor这个插件可以用于react，vue框架中，也可以用cds引入使用更多用处参考文档1.用cds引入，首先用script标签引入https://unpkg.com/wangeditor/release/wangEditor.min.js2.在js中new关于某个id元素的window.wangEditor对象，对象设...
复制链接

扫一扫

专栏目录