Wordpress之二__自定义编辑器按钮

做一个很简单的功能

框架上大概就是添加一个快捷键

编辑文章的时候,可以在文章头加上链接,例如: 

===================

明日花->2015

 bababalabala ,bala,

===================

首先想到的当然是-

1.wordpress的自定义字段 Custom Field

然后也得知道wordpress 4.6.1版本或者以前的版本

2.都是用编辑器TinyMCE,

国内很多人都用ueditor, 或者markdown,甚至是乱7杂8的代码编辑器,这个不管了,管不了

我要的功能就是这么简单

好先下个demo

发现TinyMCE并不是简简单单的javascript, demo里面一个潜入按钮正和我用,但是你要知道

3.PHP $_GET, $POST, URL, Relatvie Path

好吧,这些web 前端基本功你都得懂(我不是在后台添加一个煎蛋功能么?),还有什么,继续来吧,谁怕谁

4.TinyMCE有不错的api,还有plugin,例如AugurJS, JQuery, !!所以你还得懂

5.JQuery

那些TInyMCE自定义那些就不要看了,你是程序猿啊,谁看谁是小狗

JQuery 我懂了,可是我还是要用一个方法去触发jquery啊

我只看到这样的代码

(function() {
	// Load plugin specific language pack
	tinymce.PluginManager.requireLangPack('sixstone');
	//注意create "tinymce.plugins.SixstonePlugin" 不能重名
	tinymce.create('tinymce.plugins.SixstonePlugin', {
//。。。
})();


好吧,又得重新学了

6.javascript的function写法

7.tinymce.windowsManager的回调方法(windowsManager api by  TinyMCE)

8.wordpress保存customize field 方法


好吧,我写不下去了

就这么简单一个煎蛋功能,就是增加1个按钮这么简单的事情,要掌握无数个技术,而且工期还长,目测要做7天

不烂尾都值得开马爹利庆祝了,结果还有人说这么简单功能不是移下鼠标就做出来了么

就看7天后我能不能做出来吧


结果用了2个星期多1点

其实前10天都在走弯路,最后发现这个插件比较接近此博客的需求


这个插件很出名,改版也很多,其实我根本不确定我用的这个版本是不是也是一个改版,但问题不大(其实终究还是得自己改的)

有一些遮罩的bug,但问题不大,不影响使用,也不影响自己改



修改的代码如下:

add_filter('the_content', 'series_auto_content_display',0);
function series_auto_content_display($content) {
    global $post;
    
    if(is_single() || is_page() || is_feed()){
        $options = get_option( SERIES.'_options', series_get_default_options());
        $series_arg = array(
            "limit" => -1
        );
        $series_arg =series_attrs($series_arg, $options);
        
        $series_display = series_display($series_arg);
    }
//...
}
//series_display在另一个类里,就是一些html的操作方法

//...





最终结果:(将categories和series横向列表展开)


还是那句话,程序猿计划用3天,结果用了13天,所以还是不要想太多,有1个观众就算好的了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

avi9111

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值