富文本在线编辑器

富文本在线编辑器 - tinymce

tinymce 项目是一个比较好的富文本编辑器. 这里有个小demo, 下载下来尝试一下, 需要配置个本地服务器才能够访问, 我这里使用的nginx, 下面是我的整个操作过程:

git clone git@gitee.com:chick1993/layui-tinymce.git
cd layui-tinymcewget http://nginx.org/download/nginx-1.25.4.tar.gz
tar -xf nginx-1.25.4.tar.gz
cd nginx-1.25.4
./configure
make -j16
cd ..

配置 nginx - nginx-1.25.4/conf/nginx.conf:

# 工作线程数worker_processes  1;#daemon off;# 错误日志error_log  nginx.log;# pidpid        nginx.pid;#连接数events {worker_connections  1024;}# 配置HTTPhttp {#上行的前端upstream frontends{server 127.0.0.1:10801;}#可识别的媒体类型include       mime.types;default_type  application/octet-stream;access_log  access.log;# 是否可发送文件sendfile        on;# 长连接keepalive_timeout  65;# 代理超时proxy_read_timeout 200;#关闭tcp pushtcp_nopush on;# 关闭tcp延迟tcp_nodelay on;# 启用gzip压缩算法gzip on;gzip_min_length 1000;gzip_proxied any;gzip_types text/plain  text/css text/xmlapplication/x-javascript application/xmlapplication/atom+xml text/javascript;proxy_next_upstream error;# 监听服务器配置server {listen       15080;server_name  localhost;location / {#  root 配置到你自己的目录root   ~/layui-tinymce;  index  index.html index.htm;}}}

启动脚本:

echo "#!/bin/bash" > start.sh
echo "./nginx-1.25.4/objs/nginx -c $PWD/nginx-1.25.4/conf/nginx1.conf -p $PWD/nginx-1.25.4" >> start.sh 
chmod +x start.sh 
bash start.sh

浏览器访问: http://127.0.0.1:15080

在这里插入图片描述
tinymce的开发资料可以看官网. 在 layui-tinymce 的 README.md 中也有一些说明.