富文本编辑器 kindEditor

官网链接:http://kindeditor.net/demo.php

配合把图片上传到七牛云的参考:

基本思路:https://blog.csdn.net/qq_24334403/article/details/52526613

主要是在前端页面KindEditor的配置参数里指定处理图片的php页面:

uploadJson: '/extend/upload.php',

 改文件upload_json.php

require_once 'JSON.php';  --原来的
require_once
'php-sdk/autoload.php'; use Qiniu\Auth; use Qiniu\Storage\UploadManager; // 用于签名的公钥和私钥 $accessKey = '5cgg'; $secretKey = '6ab6'; $bucket = 'buckname'; // 初始化签权对象 $auth = new Auth($accessKey, $secretKey); // 生成上传Token $token = $auth->uploadToken($bucket); // 构建 UploadManager 对象 $uploadMgr = new UploadManager(); $php_path = dirname(__FILE__) . '/'; --原来的
.
.
.
.
.
.

//移动文件  --原来的
$file_path = $save_path . $new_file_name;

 

$key = "imgpath/".date('Y-m-d')."-".rand(10000, 99999).".".$file_ext;
$result = $uploadMgr->putFile($token, $key, $tmp_name);

if ($result[0]['key'] == true)
{
$file_url = 'http://img.163.com/'.$result[0]['key'];
}
else
{
alert("上传文件失败。");
}

header('Content-type: text/html; charset=UTF-8');  --原来的

 

转载于:https://www.cnblogs.com/gavinyyb/p/9184218.html

富文本编辑器 KindEditor 默认会将编辑器内容以 HTML 的形式存储在一个 `<textarea>` 标签中,而传递给后端的值也是这个 `<textarea>` 标签的值。 因此,你可以通过表单提交或 AJAX 请求将这个 `<textarea>` 的值传递给后端处理。如果你使用的是表单提交,可以在表单元素中添加一个隐藏的 `<input>` 标签,将这个 `<textarea>` 的值作为它的值。如果你使用的是 AJAX 请求,可以通过 JavaScript 获取这个 `<textarea>` 的值,然后将其作为请求参数发送给后端。 以下是一个使用表单提交的例子: ```html <form action="后端处理程序的URL" method="POST"> <textarea id="editor" name="content"></textarea> <input type="hidden" name="content_html"> <button type="submit">提交</button> </form> <script> var editor = KindEditor.create('#editor'); var contentHtmlInput = document.querySelector('[name="content_html"]'); editor.on('afterChange', function() { contentHtmlInput.value = editor.html(); }); </script> ``` 在这个例子中,我们为 `<textarea>` 标签指定了一个 `name` 属性为 `content`,表示这个 `<textarea>` 的内容应该作为表单的一个字段提交给后端。同时,我们添加了一个隐藏的 `<input>` 标签,并将它的 `name` 属性设为 `content_html`,表示这个字段应该用来存储编辑器内容的 HTML 形式。这个 `<input>` 标签的值将在 JavaScript 中动态更新。 在 JavaScript 中,我们使用 KindEditor 的 `create` 方法创建了一个编辑器实例,并将它绑定到了 `<textarea>` 标签上。然后,我们监听了编辑器的 `afterChange` 事件,每次编辑器内容发生改变时,就将 HTML 形式的内容更新到隐藏的 `<input>` 标签中。这样,当表单提交时,后端就可以通过 `content` 字段获取编辑器内容的纯文本形式,通过 `content_html` 字段获取编辑器内容的 HTML 形式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值