整理一下项目中一些知识：富文本编辑器

最新推荐文章于 2024-06-06 15:21:50 发布

菜鸟10086枚

最新推荐文章于 2024-06-06 15:21:50 发布

阅读量481

点赞数 1

文章标签：富文本文档 ueditor

本文链接：https://blog.csdn.net/qq_35650042/article/details/69949999

版权

我项目中用的富文本编辑器是：ueditor，下面是用法：

首先，要引入框架的一些文件

    <!-- 配置文件 -->
    <script type="text/javascript" src="ueditor.config.js"></script>
    <!-- 编辑器源码文件 -->
    <script type="text/javascript" src="ueditor.all.js"></script>

第二步：在页面设置一块需要实例化的区域

<body>
    <!-- 加载编辑器的容器 -->
    <script id="container" name="content" type="text/plain">
        这里写你的初始化内容
    </script>
</body>

第三步：实例化这块区域

 <!-- 实例化编辑器 -->
    <script type="text/javascript">
        var ue = UE.getEditor('container');
    </script>

这样效果就出来了

至于获取富文本编辑器中的内容可以用下面的方法：

<!-- 实例化编辑器 -->
    <script type="text/javascript">
        var content1 = ue.getContent();//获取编辑器html内容
        var content2 = ue.getContentTxt();//获取编辑器纯文本内容
    </script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

菜鸟10086枚

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
整理一下项目中一些知识：富文本编辑器

我项目中用的富文本编辑器是：ueditor，下面是用法：首先，要引入框架的一些文件第二步：在页面设置一块需要实例化的区域这里写你的初始化内容第三步：实例化这块区域 var ue = UE.getEditor('container'); 这样效果就
复制链接

扫一扫