Wordpress code modification editor, free

Many people look down on the WordPress editor because there are so few available features. Since I often need to insert various codes into articles, I have been using the editor enhancement plug-in "CK and SyntaxHighlighter". This editor is very powerful, but later I found that the displayed code highlighting was seriously inconsistent with the template I used. Since my blog is copy-proof, the page code cannot be copied. I need a plug-in to highlight the code and support copying!

Later, I searched through Baidu and Google again. Hehe~ I finally found a satisfactory code highlighting plug-in that can also copy code.

I found the plug-in, so I installed it and enabled it. When I saw it, I was immediately disappointed. This plug-in is coupled with the CK and SyntaxHighlighter editor plug-ins. When they are used together, there is a conflict. A lot of the code written is garbled. After testing, I found that the code highlighting plug-in can only be used in the default editor. In other words, I have to uninstall the CK and SyntaxHighlighter editor plug-in before I can use it. Where is the truth?

I am born to be troubled, this problem must be solved.

The problem now is that if you want to use the editor plug-in, you cannot use the code highlighting plug-in, but I need both. This kind of choice between the two is really a headache. I must find the best of both worlds. way to solve it!

Looking everywhere to no avail. I accidentally took a look at the official WordPress API function. The sky has eyes! It turns out that many enhancements can be plugged into the editor behind the scenes. Decisively uninstall the CK and SyntaxHighlighter editor plug-in. In fact, the WordPress editor is very powerful and contains almost all editor buttons. It’s just that the default functions of the program are relatively few!

I immediately added commonly used practical functions to my wordpress default editor for testing, and the effect was really good. Haha look at the picture!

Is it different from the default simple editor? The last line of functionality is added in code. These functions are not available in the default editor! We just need to adjust them out and add them. We spent a lot of time exploring this at first - -, but finally found that the method is actually super simple!

Find the template function file of the theme you are using (that is, the file functions.php) and add the following code to it:

//Enhanced Editor Start

function add_editor_buttons($buttons) {

$buttons[] = 'fontselect';

$buttons[] = 'fontsizeselect';

$buttons[] = 'cleanup';

$buttons[] = 'styleselect';

$buttons[] = ' hr';

$buttons[] = 'del';

$buttons[] = 'sub';

$buttons[] = 'sup';

$buttons[] = 'copy';

$ buttons[] = 'paste';

$buttons[] = 'cut';

$buttons[] = 'undo';

$buttons[] = 'image';

$buttons[] = 'anchor';

$buttons[] = 'backcolor';

$buttons[] = 'wp_page';

$buttons[] = 'charmap';

return $buttons;

}

add_filter("mce_buttons_3", "add_editor_buttons");

//Enhanced editor is over

Just save it! Haha, if the article has anti-copy enabled, the code on the page cannot be copied, but you can click the "View Source Code" button in the upper right corner of the code to copy it in the pop-up window!

Finally, attach the Key called by the collected button. In other words, the following functions can be added to the editor, haha, it’s powerful enough!

The function buttons below can be added by yourself. When you add more functions, just replace the words in the single quotes after "$buttons[] =" in the code with the Keys listed in brackets below!

For those who are still struggling with the lack of built-in editor functions in WordPress, go and give it a try!

Key called by wordpress editor button:

1. Cut (cut) Copy (copy) Paste (paste) Undo (undo) Redo (redo) Center (justifycenter)

2. Add bold (bold) italic (italic) left alignment (justifyleft) right alignment (justfyright)

3. Justify both ends (justfyfull) insert hyperlink (link) cancel hyperlink (unlink) insert image (image)

4 . Clear format (removeformat) Underline (underline) Strikethrough (strikethrough)

5. Anchor text (anchor) New text (newdocument)

6. Font color (forecolor) Font background color (backcolor)

7. Format selection (formmatselect) Font selection (fontselect) Font size selection (fontsizeselect)

8. Style selection (styleselect) Unordered list (bullist) Numbered list (numlist)

9. Reduce indent (outdent) Indent (indent) Help ( wp_help)

10 Open the html code editor (code) horizontal line (hr) clear redundant code (cleanup)

11. Superscript (sub) Subscript (sup) Special symbol (charmap) Insert more tag (wp_more)

12. Insert paging tag (wp_page)

13. Hide button display switch (wp_adv)

14. Hide button area start part (wp_adv_start)

15. Hide button area end part (wp_adv_end)

16. Spelling Check (spellchecker)