QQ爹博客 QQ爹博客

模板层面向typecho编辑器页面插入代码

in Typecho 文章转载请注明来源!

上篇文章《模板层面向 typecho 编辑器页面插入 css js》中讲到一种向编辑器中插入css的奇葩方式,某些时候那么写确实能解决不少问题。但是

但是,文章编辑界面源代码中是加载了jquery的,但是在页面偏底部,而上篇文章中讲到的方法是插在jquery代码之上的,也就是说那种方法如果插入js代码的话,就不能依赖jquery,除非在引用一个。

基于以上原因,我又想到中方式,插件的那种方式,经过试验我发现插件上的方法在模板中也完全可以。

在模板functions.php中加入以下代码即可

Typecho_Plugin::factory('admin/write-post.php')->bottom = array('myyodu', 'one');
Typecho_Plugin::factory('admin/write-page.php')->bottom = array('myyodu', 'one');

class myyodu {
    public static function one()
    {
    ?>
你的css代码或者js代码,js可以依赖jquery来书写
<?php
    }
}

例如实现上篇文章《模板层面向 typecho 编辑器页面插入 css js》的代码

Typecho_Plugin::factory('admin/write-post.php')->bottom = array('myyodu', 'one');
Typecho_Plugin::factory('admin/write-page.php')->bottom = array('myyodu', 'one');
class myyodu {
    public static function one()
    {
    ?>
style>.wmd-button-row {height:auto;}.copyright p:after {content: "YoDu魔法优化中";margin-left: 6px;font-size: 12px;}</style>
<?php
    }
}

当然这样可玩性就高了,下图展示个我的一个小成果,模板层面向编辑器中加入字数统计功能:

字数统计功能展示.png
jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

本文基于《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
文章链接:https://qqdie.com/archives/typecho-insert-code.html (转载时请注明本文出处及文章链接)

typecho代码cssjavascript编辑器
发表新评论
已有 8 条评论
  1. 匿名
    匿名
    回复

    参观

  2. 鳄鱼皮具
    鳄鱼皮具
    回复

    这些插件不就可以了吗

  3. mikusa
    mikusa
    回复

    @(乖) 萌新前来学习

  4. 逗妇乳
    逗妇乳
    回复

    再次过来,评论还是这么丑

    1. Jrotty
      Jrotty本文作者
      回复

      @逗妇乳 不想改这里了233 @(狂汗)

  5. longyujin9
    longyujin9
    回复

    向大佬学习

  6. 尚寂新
    尚寂新
    回复

    挺6的 @(滑稽)
    css的话能跟后台保持一种风格就更好了 te其实大部分直接可以靠模板解决不一定用插件 比wp好太多了 上次就看到一个wp站安各种插件重复引用各种jq
    等下表情怎么就剩九个了 @(滑稽)

    1. 不稽一格
      不稽一格
      回复

      @尚寂新 @(你懂的) 表情被我吃了

前篇 后篇