Typecho 终于是打造了一个到目前为止我认为完美的typecho编辑器


typecho这个程序确实很不错,但是本身自带的编辑器实在是过于简陋,连图片上传的功能都没有。虽然有附件可以上传,但是附件上传总感觉操作不习惯,后面会提到这个附件上传的烦躁地方。

然后我在网上东找西找 找了各种编辑器。虽然是各种功能很强大,但是总是感觉缺点什么。直到有一天找到这个AAEditor编辑器,眼前一亮这不就是我一直要的嘛,然后用了几天后,发现也不是我自己想要的,主要是操作实在是不习惯。但是不得不提这个AAEditor编辑器有几个很出彩的地方 一个是可以自定义按钮 只要你会写JSON,然后还自带一个回复可见的功能 简直不要太爽了,但是这个编辑器也没有自带上传功能。我看了下官方的介绍,发现原版是有这个功能的但是不知道为什么作者去掉了,看了半天官方的文档实在是头晕就放弃自己去把上传功能加上的想法了。

这里我来重点讲下 为什么我这么烦躁这个右侧的附件上传功能,是因为上传附件后就一张图片就会占用一个id,也不知道作者是基于什么想法这样来写的。然后就会出现一个奇怪的现象就是文章的id不连续了,因为中间的id被上传附件占用了。这对于一个中毒的强迫症患者来说这

实在是无法忍受啊。没办法继续换。

终于找到WindsCkEditor 这个编辑器了,这个编辑器自带就有图片上传的功能,但是我之前用了AAEditor那个回复可见的功能后已经欲罢不能了。WindsCkEditor这个编辑器 没有啊。所以就找了一圈,网上有不用插件就能实现回复可见的功能。

办法如下打开主题文件夹里面的post.php 找到这一行 <?php $this->content(); ?>

改成

<?php
$db = Typecho_Db::get();
$sql = $db->select()->from('table.comments')
    ->where('cid = ?',$this->cid)
    ->where('mail = ?', $this->remember('mail',true))
    ->limit(1);
$result = $db->fetchAll($sql);
if($this->user->hasLogin() || $result) {
    $content = preg_replace("/\[hide\](.*?)\[\/hide\]/sm",'<div class="reply2view">$1</div>',$this->content);
}
else{
    $content = preg_replace("/\[hide\](.*?)\[\/hide\]/sm",'<div class="reply2view">此处内容需要<a href="#comments">留言回复</a>后方可阅读。</div>',$this->content);
}
echo $content 
?>

然后再打开

functions.php

在最后的添加以下代码

Typecho_Plugin::factory('Widget_Abstract_Contents')->excerptEx = array('myyodux','one');
Typecho_Plugin::factory('Widget_Abstract_Contents')->contentEx = array('myyodux','one');
class myyodux {
    public static function one($con,$obj,$text)
    {
      $text = empty($text)?$con:$text;
      if(!$obj->is('single')){
      $text = preg_replace("/\[hide\](.*?)\[\/hide\]/sm",'',$text);
      }
      
               return $text;
}
}

然后再打开style.css 这个文件 再在最后加上如下代码

.reply2view {
    background:#f8f8f8;
    padding:10px 10px 10px 40px;
    position:relative
}

这样你就可以实现了隐藏回复的功能 在隐藏的内容那里加上如下代码即可

然后我还想要一个关注微信公众号才能浏览的功能。就想在这个WindsCkEditor 加几个自定义按钮,我就参考下官方的说明文档,也是按照官方说明来操作,但是就是无法实现。当我想要放弃的时候,发现在官方的自定义按钮里面有个about 没用,是注释了的。所以在这里下手,实现在编辑器里面 就可以自动插入字段

如图所示

看到最后那2个按钮没? 那就是我已经实现的功能了

第二个绿色的是关注微信公众号那个按钮 演示如下

https://www.myhelen.cn/helen/6.htm

这个需要配合WxFans  这个插件才能实现的,这个插件需要自己去搜索下载了

点击下载这个编辑器

下载地址:

此处内容需要留言回复后方可阅读。

然后上传到/usr/plugins/ 目录下 启用插件即可

为什么没有说清楚 这2个按钮是怎么实现功能的,因为改动的地方太多了 我也忘记了。。。 所以就把整个编辑器分享出来。

以后如果有时间再看看 研究下怎么支持七牛云或者又拍云

 


扫描下方二维码 关注我的微信公众号 #关注微信公众号 - 更多福利 .png