ueditor,ckeditor简单使用

最新推荐文章于 2024-11-15 14:43:33 发布

原创最新推荐文章于 2024-11-15 14:43:33 发布 · 516 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#php #js #ckeditor

php 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了两种流行的富文本编辑器——UEditor和CKEditor的集成方法，包括所需加载的JavaScript文件、样式表及初始化配置。适用于需要快速集成富文本编辑功能的前端开发者。

1.ueditor

<script type="text/javascript" charset="utf-8" src="__PUBLIC__/lib/ueditor/1.4.3/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
<script id="editor" type="text" style="width: 550px;height:120px"></script>
<script>var ue = UE.getEditor('editor');</script>

2.ckeditor

<script src="__PUBLIC__/ckeditor/ckeditor.js"></script>
<link rel="stylesheet" href="__PUBLIC__/ckeditor/samples/css/samples.css">
<link rel="stylesheet" href="__PUBLIC__/ckeditor/samples/toolbarconfigurator/lib/codemirror/neo.css">
<textarea name="content" id="editor1">请输入内容</textarea>
<script>CKEDITOR.replace('editor1');</script>