​Typecho支持上传本地图片的编辑器插件

简介:

搭建Typecho博客平台参考我之前的文章:http://msiyuetian.blog.51cto.com/8637744/1920161


Typecho自带的文章编辑器太简洁了,很多功能都缺少,比如本地上传图片等功能。本文主要介绍一款插件:XhEditor1.0.2,支持本地上传图片,也可以直接拖放图片到编辑器中。


1、下载插件,解压得到一个文件夹,并将整个文件夹上传至usr/plugins/目录下

2、登陆自己的Typecho博客后台,在“控制台”的下拉菜单中选择“插件”打开已安装插件列表

3、在“禁用的插件”列表下,点击“启用”即可使用

4、修改图片保存路径

vim /data/www/typecho/usr/plugins/XhEditor/editor/upload.php

找到第76行

$target ="/blog/usr/uploads/{$year}/{$day}/{$fname}";


替换成自己的项目名称即可,例如我的是:typecho,完整代码为:

$target ="/typecho/usr/uploads/{$year}/{$day}/{$fname}";

保存退出后即可访问网页后台查看:

wKiom1kC6rvRjz2AAABg3Zp9iJE666.png-wh_50


点击上传,即可调出本地文件窗口,效果如下:

wKioL1kC63jRQ3sKAADsi4DHgSY071.png-wh_50



编辑插件在文章附件中下载








      本文转自M四月天 51CTO博客,原文链接:http://blog.51cto.com/msiyuetian/1920465,如需转载请自行联系原作者





相关文章
vscode编辑器使用拓展插件background添加背景图片改变外观
vscode编辑器使用拓展插件background添加背景图片改变外观
171 0
|
7月前
|
JavaScript
Vue在Element UI下使用富文本框插件quill-editor(我个人不推荐用这个复杂的富文本插件)
Vue在Element UI下使用富文本框插件quill-editor(我个人不推荐用这个复杂的富文本插件)
|
6月前
|
前端开发 JavaScript PHP
【vscode编辑器插件】前端 php unity自用插件分享
【vscode编辑器插件】前端 php unity自用插件分享
39 0
|
7月前
|
前端开发 数据可视化 API
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏(二)
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏
426 0
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏(二)
|
7月前
|
前端开发 JavaScript CDN
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏(一)
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏
227 0
|
7月前
|
定位技术
ArcGIS中各版本ArcMap安装OpenStreetMap编辑工具集插件ArcGIS Editor for OSM
ArcGIS中各版本ArcMap安装OpenStreetMap编辑工具集插件ArcGIS Editor for OSM
206 1
|
7月前
|
算法 Java
vscode插件webgl editor阅读,入门antlr
vscode插件webgl editor阅读,入门antlr
164 0
|
JavaScript 数据库 数据格式
vue2 使用 markdown插件 v-md-editor
vue2 使用 markdown插件 v-md-editor
887 0
|
JavaScript
Vue CKEditor5 自定义编辑器详细流程(插件安装使用流程)
Vue CKEditor5 自定义编辑器详细流程(插件安装使用流程)
1211 0
|
IDE Java 程序员
没有颜值插件的编辑器是没有灵魂的--【idea-theme插件】
没有颜值插件的编辑器是没有灵魂的--【idea-theme插件】