菜鸟站长
个人博客主题模板、应用插件、功能开发技术资源聚合分享网站

Typecho后台编辑器添加自定义按钮操作教程

发布者:菜鸟站长  发布日期:2024-01-19  更新日期:2024-01-19  人气指数:1431

该方法用于有的插件没有 自定义 按钮,比如给文章添加回复可见的功能,就没有快捷按钮,这时就需要我们自己来给 编辑器 添加一个 自定义 的按钮。

话不多说,看图

 title=

代码实现

1.首先要在插件的:public static function activate()下面添加,把下面的HelloWorld\_Plugin改成自己的插件名称

Typecho_Plugin::factory('admin/write-post.php')->bottom = array('HelloWorld_Plugin','jwbutton');

2.新建一个function 方法名为jwbutton,(这个名字可以自己更改)。

    /**
 * 插件实现方法
 * 
 * @access public
 * @return void
 */
public static function jwbutton()
{
    ?>
    <script>
    $(function(){
        var wmd = $('#wmd-fullscreen-button');
        if (wmd.length>0) {
            wmd.after('<li class="wmd-button" id="wmd-huif-button" style="padding-top:4px;" title="<?php _e("回复可见"); ?>"><img src="<?php echo Helper::options()->pluginUrl; ?>/HelloWorld/huifu.svg"/></li>');
            wmd.after('<li class="wmd-button" id="wmd-password-button" style="padding-top:4px;" title="<?php _e("部分密码"); ?>"><img src="<?php echo Helper::options()->pluginUrl; ?>/HelloWorld/password.svg"/></li>');
            }
        $('#wmd-huif-button').click(function(){
            var jwinput = '<hide>' + '隐藏的内容' +'</hide>';
            textarea = $('#text');
            textarea.replaceSelection(jwinput);
        });
        $('#wmd-password-button').click(function(){
            var jwinput = '<ppblock>' + '加密的内容' +'</ppblock>';
            textarea = $('#text');
            textarea.replaceSelection(jwinput);
        });
    });
    </script>
    <?php
}

注意事项:

  • 1.代码中的@access public @return void 一定不能少,否则程序不能识别
  • 2.代码中的img图标可以自己下载使用,也可以不要

《盘天下资源网 | 免费网盘资源分享》一站式免费精选网盘影视大全、资源分享平台。提供免费网盘资源分享,包括热门高清电影、热门电视剧、热播短剧、无损音乐、精品电子书、学习课程资料等。所有资源均来自互联网分享,支持百度网盘、迅雷云盘、夸克网盘、UC网盘一键转存或在线高清观看。

本文检索关键词:编辑器 , typecho教程


菜鸟站长推荐教程

添加新评论 »

icon_mrgreen.pngicon_neutral.pngicon_twisted.pngicon_arrow.pngicon_eek.pngicon_smile.pngicon_confused.pngicon_cool.pngicon_evil.pngicon_biggrin.pngicon_idea.pngicon_redface.pngicon_razz.pngicon_rolleyes.pngicon_wink.pngicon_cry.pngicon_surprised.pngicon_lol.pngicon_mad.pngicon_sad.pngicon_exclaim.pngicon_question.png