masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Rumah > rangka kerja php > ThinkPHP > 关于ThinkPHP6.0使用富文本编辑器wangEditor3

关于ThinkPHP6.0使用富文本编辑器wangEditor3

藏色散人
Lepaskan： 2020-11-01 16:20:04
ke hadapan
3886 orang telah melayarinya

下面由ThinkPHP教程栏目给大家介绍ThinkPHP6.0使用富文本编辑器wangEditor3，希望对需要的朋友有所帮助！

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，

具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。

可惜在官网下载太慢了，而且界面有些许复古，放弃了，使用了轻量级wangEditor3。

1.下载

手册中下载

https://www.kancloud.cn/wangfupeng/wangeditor3/332599

导入到项目中

2.项目中创建

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>wangEditor demo</title>

</head>

<body>

    <p id="editor">

        <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>

    </p>

 

    <!-- 注意， 只需要引用 JS，无需引用任何 CSS ！！！-->

    <script type="text/javascript" src="/wangEditor.min.js"></script>

    <script type="text/javascript">

        var E = window.wangEditor

        var editor = new E(&#39;#editor&#39;)

        // 或者 var editor = new E( document.getElementById(&#39;editor&#39;) )

        editor.create()

    </script>

</body>

</html>

Salin selepas log masuk

图片上传选的使用 base64 编码直接将图片插入到内容中，免去配置本地上传

没用Ajax，所以在表单中添加 了一个隐藏文本框

1

<input id="content" name="content" type="hidden">

Salin selepas log masuk

配置onchange函数之后，用户操作（鼠标点击、键盘打字等）导致的内容变化之后，会自动触发onchange函数执行。

submit提交时富文本内容也会提交。

3.保存文本到数据库

Atas ialah kandungan terperinci 关于ThinkPHP6.0使用富文本编辑器wangEditor3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
ThinkPHP6.0
Artikel sebelumnya：关于ThinkPHP6使用过程中的一些总结 Artikel seterusnya：thinkphp5怎么隐藏index.php入口文件？
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Folder "db" tidak boleh ditemui dalam versi thinkphp6.0.x-dev
daripada 1970-01-01 08:00:00
0
0
0
Masalah kod pengesahan dalam thinkphp6.0
daripada 1970-01-01 08:00:00
0
0
0
Ralat peninggalan dalam manual pembangunan pantas thinkphp6.0 (versi kes)
daripada 1970-01-01 08:00:00
0
0
0
Ralat peninggalan dalam manual pembangunan pantas thinkphp6.0 (versi kes)
daripada 1970-01-01 08:00:00
0
0
0
Ralat peninggalan dalam manual pembangunan pantas thinkphp6.0 (versi kes)
daripada 1970-01-01 08:00:00
0
0
0
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan