<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>Tinymce on ZRJ | 学习笔记</title>
        <link>https://blog.zrj.me/tags/tinymce/</link>
        <description>Recent content in Tinymce on ZRJ | 学习笔记</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>zh-CN</language>
        <lastBuildDate>Wed, 23 Jul 2014 10:42:02 +0800</lastBuildDate><atom:link href="https://blog.zrj.me/tags/tinymce/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>wordpress 编辑器自动插入链接</title>
        <link>https://blog.zrj.me/posts/2014-07-23-wordpress-%E7%BC%96%E8%BE%91%E5%99%A8%E8%87%AA%E5%8A%A8%E6%8F%92%E5%85%A5%E9%93%BE%E6%8E%A5/</link>
        <pubDate>Wed, 23 Jul 2014 10:42:02 +0800</pubDate>
        
        <guid>https://blog.zrj.me/posts/2014-07-23-wordpress-%E7%BC%96%E8%BE%91%E5%99%A8%E8%87%AA%E5%8A%A8%E6%8F%92%E5%85%A5%E9%93%BE%E6%8E%A5/</guid>
        <description>&lt;p&gt;在写东西的时候，经常需要引用外部链接，一般这个时候都需要点开 WordPress 的编辑器的超链接按钮，去把贴进来的 URL 文本变成超链接，这个事情干多了就觉得繁琐，于是开始找工具，想要的效果是贴进来链接自动变成超链接。&lt;/p&gt;
&lt;p&gt;还不好找，最后找到这里，&lt;a class=&#34;link&#34; href=&#34;https://wordpress.org/plugins/tinymce-advanced/&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;https://wordpress.org/plugins/tinymce-advanced/&lt;/a&gt;，WordPress 本身用的是 tinymce，这里替换了一个增强版的 tinymce 上去，但是，可惜的是，这个版本也没有提供我要的这个特性，而看到 tinymec 的官网上面，是有这个功能的，&lt;a class=&#34;link&#34; href=&#34;http://www.tinymce.com/wiki.php/Plugin:autolink&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://www.tinymce.com/wiki.php/Plugin:autolink&lt;/a&gt;，还是个默认插件，看来是被阉割掉了，那么就想着怎么把这个特性给搞回来。&lt;/p&gt;
&lt;p&gt;看到这里，&lt;a class=&#34;link&#34; href=&#34;http://www.solagirl.net/enable-hidden-functions-of-wordpress-visual-editor.html&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://www.solagirl.net/enable-hidden-functions-of-wordpress-visual-editor.html&lt;/a&gt;，介绍了 WordPress 的 tinymec 的目录结构，去这里，&lt;a class=&#34;link&#34; href=&#34;http://www.tinymce.com/download/download.php&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://www.tinymce.com/download/download.php&lt;/a&gt;，下载 4.1.x 版本的 tinymec，然后把里面的 autolink 提出来，放到对应的版本，然后在 WordPress 的后台设置的地方修改 tinymce advanced 的设置，导入这个配置&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-javascript&#34; data-lang=&#34;javascript&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;settings&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;options&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;menubar,advlist&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;toolbar_1&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;bold,italic,blockquote,bullist,numlist,alignleft,aligncenter,alignright,link,unlink,table,fullscreen,undo,redo,wp_adv&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;toolbar_2&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;formatselect,alignjustify,strikethrough,outdent,indent,pastetext,removeformat,charmap,wp_more,emoticons,forecolor,wp_help&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;toolbar_3&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;toolbar_4&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;,&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;plugins&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;anchor,code,insertdatetime,nonbreaking,print,searchreplace,table,visualblocks,visualchars,emoticons,advlist,autolink&amp;#34;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;},&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;admin_settings&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;{&lt;/span&gt;&lt;span class=&#34;s2&#34;&gt;&amp;#34;options&amp;#34;&lt;/span&gt;&lt;span class=&#34;o&#34;&gt;:&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[]}}&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;就可以了&lt;/p&gt;
&lt;p&gt;这个其实可以进一步改动，主要两个&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;链接自动开新标签，加入 _blank 属性&lt;/li&gt;
&lt;li&gt;可以像知乎那样，贴一个链接自动去拉取 title，而不是用这个 URL 文本&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;2014-7-23 14:42:50 update&lt;/p&gt;
&lt;p&gt;上述的第一个不难完成，看到这里，&lt;a class=&#34;link&#34; href=&#34;http://stackoverflow.com/questions/5513757/how-to-set-target-attribute-in-tinymce&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;http://stackoverflow.com/questions/5513757/how-to-set-target-attribute-in-tinymce&lt;/a&gt;，可以知道通过配置能够完成，在 WordPress 后台的插件编辑功能中，找到 tinymce-advanced.php 这个文件，然后找到 function mce_options 这个函数，在最后 return 之前加上一行&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-php&#34; data-lang=&#34;php&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;&lt;span class=&#34;nv&#34;&gt;$init&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;[&lt;/span&gt;&lt;span class=&#34;s1&#34;&gt;&amp;#39;extended_valid_elements&amp;#39;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;]&lt;/span&gt; &lt;span class=&#34;o&#34;&gt;=&lt;/span&gt; &lt;span class=&#34;s1&#34;&gt;&amp;#39;a[href|target=_blank]&amp;#39;&lt;/span&gt;&lt;span class=&#34;p&#34;&gt;;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;就可以了&lt;/p&gt;
</description>
        </item>
        
    </channel>
</rss>
