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

typecho教程 2020-08-25

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

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

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

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

  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来书写

  

  }

  }

  例如实现上篇文章《模板层面向 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;}

  

  }

  }

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

评论 (0)
    Top