对于图床的处理

打开图床程序根目录/sdk/pup.js,大概第395行

html: ' <a %x class="%bClass button button--link button button--icon button--icon--upload"><span class="button-text">%text</span></a> ',sibling: ".js-attachmentUpload"

改为

html: '<div class="%cClass"><button type="button" tabindex="-1" role="button" title="%text" class="%bClass fr-command fr-btn fr-btn-font_awesome" data-cmd="PUP" %x><i class="fa fa-cloud-upload" aria-hidden="true"></i><span class="fr-sr-only">%text</span></button></div>',sibling: "[data-cmd=insertImage]"

保存。

网站程序的修改

以Typecho为例，打开网站根目录/admin/footer.php,按下面新增一行

<?php if(!defined('__TYPECHO_ADMIN__')) exit; ?>
<!--新增如下-->
<script async id="chevereto-pup-src" src="https://你的图床域名/sdk/pup.js" data-url="https://你的图床域名/upload" data-auto-insert="markdown-embed"></script>
    </body>
</html>
<?php
/** 注册一个结束插件 */
Typecho_Plugin::factory('admin/footer.php')->end();

保存。

查看效果

效果是点击这个按钮弹出上传界面，上传完图片自动填充Markdown语法到编辑框。
//TODO: 有空我录个动图

版权属于：Vergil Wu

本文链接：https://www.vergil.com.cn/122.html

转载时须注明出处及本声明