Tinymce 富文本编辑器 下载地址https://download.csdn.net/download/wulvla020311/13342234
废话不多说,现在开始。
1.下载tinymce压缩文件,然后放到你的项目中,这个地址随便放,最好放到一个前端后端都可以访问的地址
2.只要引入tinymce.js文件就行,然后就可以在页面上看到了(ueditor也是这样)
样式差不多就是这样的,很简单。如果你觉得里面的内容没有你要的,你可以动态添加
3.这个富文本编辑器的配置
其他的可以不,但是下面这个是必须要的
tinymce.init({
selector: "#content", //#content是id
以上就是tinymce富文本编辑器的所有内容的,但是如果你要上传图片的话,可以按照我下面的逻辑来写也行,我用的是PHP
public function uploadss($return = true) {
$config = array(
'maxSize' => 314572800,
'rootPath' => './Public/Uploads/img/',
'savePath' => '',
'saveName' => array('uniqid', ''),
'exts' => array('jpg', 'gif', 'png', 'jpeg','webp'),
'autoSub' => true,
'subName' => array('date', 'Ymd'),
);
$upload = new Upload($config); // 实例化上传类
$info = $upload->uploadOne($_FILES['file']);
$res = ltrim($config['rootPath'], '.') . $info['savepath'] . $info['savename'];
echo json_encode(array('location' => $res));
}
这样基本上OK了,如果你不想复制上面的也行,我下面给一个下载地址,你们下载下来就可以直接用了