从零开始搭建自己的网站八:文本编辑器Ueditor添加

本文介绍如何在个人网站上部署百度的Ueditor文本编辑器,包括必要的JS文件引入、编辑器实例化及内容获取方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

作为一个个人网站,写文章的功能必不可少,网上有很多文本编辑 js 插件。这里我们选择用百度的Ueditor来作为我们的编辑器。官网地址:http://ueditor.baidu.com/website/ 可以下载整个插件和demo。

1、html页面引入编辑器

1)引入js

<script src="../lib/ueditor/ueditor.config.js"></script>
<script src="../lib/ueditor/ueditor.all.min.js"> </script>
2)定义编辑器在页面中的位置
<script id="article-content" name="content" type="text/plain"></script>
3)加载编辑器
<script type="text/javascript">
var editor = UE.getEditor('article-content');
</script>

2、获取到编辑内容方法

直接获取name = "content" 的值,就是编辑的内容,其中包含样式,整个存入数据库中即可,展示时也整个包含样式的内容一起展示。



欢迎转载,转载请注明出处 http://www.dingyinwu.com/article/48.html 

如果文章中有任何问题或者可以改进的地方,请大家多提提意见,我会非常感激。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值