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. 匿名
    匿名 7Chrome 55
    回复

    参观

  2. 鳄鱼皮具
    鳄鱼皮具 7Chrome 61
    回复

    这些插件不就可以了吗

  3. mikusa
    mikusa 10Chrome 65
    回复

    萌新前来学习

  4. 逗妇乳
    逗妇乳 10火狐浏览器 57
    回复

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

    1. Jrotty
      Jrotty本文作者 10Chrome 63
      回复

      @逗妇乳 不想改这里了233

  5. longyujin9
    longyujin9 10Chrome 63
    回复

    向大佬学习

  6. 尚寂新
    尚寂新 LChrome 44
    回复

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

    1. 不稽一格
      不稽一格 10Chrome 63
      回复

      @尚寂新 表情被我吃了

前篇 后篇
雷姆
拉姆