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

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

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

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

话不多说,看图

 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图标可以自己下载使用,也可以不要
本文检索关键词:编辑器 , 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