​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,如需转载请自行联系原作者





相关文章
|
5天前
|
前端开发 数据可视化 API
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏(二)
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏
39 0
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏(二)
|
5天前
|
前端开发 JavaScript CDN
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏(一)
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏
35 0
|
9月前
|
JavaScript
Vue CKEditor5 自定义编辑器详细流程(插件安装使用流程)
Vue CKEditor5 自定义编辑器详细流程(插件安装使用流程)
842 0
|
9月前
|
IDE Java 程序员
没有颜值插件的编辑器是没有灵魂的--【idea-theme插件】
没有颜值插件的编辑器是没有灵魂的--【idea-theme插件】
|
JavaScript 前端开发 程序员
推荐三个神级VSCode插件[jupyter中写javascript,替代typora的markdown编辑器,记录敲代码时间的插件]
使用过Python的朋友应该都知道Jupyter-Notebook,因为它对新手朋友学习Python可谓是绝佳的工具,对Python老手来说使用它来写一些小Demo或者绘图分析都是非常不错的工具,我们都知道,最近,我开始了深入学习JavaScript的路途,偶尔为敲一下js来验证书中的说法以及自己的想法,同时可能会记一下笔记,然后可能还需要刷Leetcode
595 0
|
JavaScript
在vscode编辑器里使用leetcode插件刷题
在vscode编辑器里使用leetcode插件刷题
873 0
在vscode编辑器里使用leetcode插件刷题
|
JavaScript
vue项目中如何使用markdown编辑器插件
vue项目中如何使用markdown编辑器插件
400 0
|
Python
Python编程:sublime编辑器python开发必装插件
Python编程:sublime编辑器python开发必装插件
152 0
【Atom】使用markdown编辑器需要的插件
【Atom】使用markdown编辑器需要的插件
140 0
|
开发工具
【开发工具】还在发愁编辑器重新安装的痛苦吗?Atom一键恢复插件
【开发工具】还在发愁编辑器重新安装的痛苦吗?Atom一键恢复插件
90 0