Um komfortabel mit WP-Syntax im WordPress-Editor zu arbeiten, habe ich ein Plugin geschrieben, welches jeweils einen Button im visuellen Editor (TinyMCE) und im HTML-Editor hinzufügt. Zuvor hatte ich immer die quicktag.php editiert, was aber auf Dauer sehr mühsam war, da man dies bei jedem WordPress Update machen musste. Das Plugin ist ab sofort auf wordpress.org unter http://wordpress.org/extend/plugins/wp-syntax-integration/ verfügbar.
Nutzen kann man das Plugin im visuellen Modus folgendermaßen:
- Den zu hervorhebenden Code schreiben bzw. einfügen
- Den Code markieren
- Auf den Button „Enclose with pre-block of WP-Syntax“ klicken (im Screenshot rot markiert)
- Programmiersprache eingeben. Falls Zeilennummerierung gewünscht ist, durch ein Komma getrennt, die erste Zeilennummer ergänzen
- OK klicken und fertig!
Wichtig: Bei der Eingabe im visuellen Modus werden HTML-Tags entfernt, die von TinyMCE nicht erlaubt werden. Dieses Verhalten lässt sich umgehen, wenn man HTML-Tags nicht im visuellen Modus sondern im HTML-Modus eingibt.
Das Plugin lässt sich auch im HTML-Modus nutzen. Die Vorgehensweise ist prinzipiell gleich:
- Den zu hervorhebenden Code schreiben bzw. einfügen
- Den Code markieren
- Auf den Button „pre (WP-Syntax)“ klicken (im Screenshot rot markiert)
- Programmiersprache eingeben. Falls Zeilennummerierung gewünscht ist, durch ein Komma getrennt, die erste Zeilennummer ergänzen
- OK klicken und fertig!
Ein herzliches Dankeschön an die Programmierer der folgenden Extensions bzw. deren Erläuterungen, die mir sehr weitergeholfen haben:
[…] WP-Syntax Editor Integration […]
[…] bei WP-Syntax geblieben, da es extrem viele Sprachen unterstützt und als Erweiterung über das WP-Syntax Editor Integration Plugin verfügt mit Hilfe dessen man einen Button im WYSIWYG Editor bekommt. Die Codeteile werde im HTML […]
Thanks to your plugin.I’m a lazy gug,so I add a little function make the wp-syntax-integration remember your choice. I’m tired to type the language format every times.LOOOL.
Look at this.I hope you can add this function in the next version.I think it’s very helpful for the lazy guy like me.
http://blog.dyfeng.org/2010/04/17/let-the-wp-syntax-integration-remember-your-choice/?lang=en&lang=en
Hi DYFeng,
thanks a lot for your contribution and the function to remember a default language. I really like this idea and I am willing to implement it in another version. However, there is one minor drawback. Your version relies on a hard coded default value in the source code. My preferred version would be to store the default value somewhere in the user preferences. So please give me some time to implement this function.
Thanks again and enjoy using the Plugin..
Markus
[…] al plugin WP-Syntax Editor Integration Plugin è possibile avere un bottone, sia nell’editor normale che in quello HTML come si vede […]
[…] des deux problèmes que j'avais a été résolu, par l'installation du plugin "WP–Syntax Editor Integration Plugin". Avec celui-ci, plus de problème de disparition des attributs de mes morceaux […]
Hi,
I have success your problem. I have integrate this in wordpress lasted verion such as wordpress 3.0 and wordpress 3.1. It’s work fine in everywhere.
I have integrate this post into my site. link is http://xpertshelp.com/how-to-include-tinymce-in-your-wp-plugin.html
Hope this will be helpful for me.
Thanks
Ashok
[…] not simple enough I digged up WP-Syntax Editor Plugin which add a Button for the Code […]
[…] WP-Syntax Editor Integration Plugin (Warnung: Seite in Deutsch) […]
[…] 0.1 版本 | 英文 | 作者为 Markus Effinger | 访问插件主页 […]
[…] WP-Syntax Editor Integration Plugin エディターにボタンが追加され簡単に記事挿入ができる Posted in […]
[…] WP-Syntax Editor Integration Plugin 懒人专用，在编辑器上增加WP-Syntax的代码插入按钮。 […]
Das Plugin wurde soeben aktualisiert und funktioniert nun mit WordPress Version 3.3 und aufwärts.