<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Perfect Knowhow&#187; CKeditor</title>
	<atom:link href="http://www.perfect-knowhow.de/blog/archives/tag/ckeditor/feed" rel="self" type="application/rss+xml" />
	<link>http://www.perfect-knowhow.de/blog</link>
	<description>Findings of an inquisitive mind</description>
	<lastBuildDate>Wed, 04 Jan 2012 18:37:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Problem: SyntaxHighlighter unter WordPress 3.2.1</title>
		<link>http://www.perfect-knowhow.de/blog/archives/problem-syntaxhighlighter-wordpress-3-2-1</link>
		<comments>http://www.perfect-knowhow.de/blog/archives/problem-syntaxhighlighter-wordpress-3-2-1#comments</comments>
		<pubDate>Tue, 20 Sep 2011 18:41:04 +0000</pubDate>
		<dc:creator>Manfred</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[CKeditor]]></category>
		<category><![CDATA[Codedarstellung]]></category>
		<category><![CDATA[Syntaxhighlighter]]></category>
		<category><![CDATA[TinyMCE]]></category>

		<guid isPermaLink="false">http://www.perfect-knowhow.de/blog/?p=1548</guid>
		<description><![CDATA[Spitze Klammern im Javacode werden durch die WSYWYG Editoren entweder eigenwillig gelöscht oder umgeschrieben.  Hier eine Lösung für WordPress um die Codedarstellung zu ermöglichen. ]]></description>
			<content:encoded><![CDATA[<div id="attachment_1552" class="wp-caption alignleft" style="width: 276px"><a href="http://www.perfect-knowhow.de/blog/wp-content/uploads/Code-Highlighter-Darstellung-WordPress.jpg"><img class="size-full wp-image-1552" title="Code-Highlighter-Darstellung-WordPress" src="http://www.perfect-knowhow.de/blog/wp-content/uploads/Code-Highlighter-Darstellung-WordPress.jpg" alt="Keine Codedarstellung durch das Highlighter Plugin" width="266" height="100" /></a><p class="wp-caption-text">Keine Codedarstellung durch das Highlighter Plugin</p></div>
<p><span>Leider funktionieren zahlreiche SyntaxHighlighter zur Darstellung von Codezeilen unter der derzeit aktuellen WordPress Version 3.2.1 nicht mehr. Ich musste erst einmal ein paar Highlighter-Plugins testweise installieren und wieder löschen, um eine Codedarstellung zu erhalten.</span></p>
<p>Als dann zeigte sich, dass der CKEditor im visuellen Modus eine Art &#8220;Auto Closing Tag&#8221; Mechanismus hat, der nicht zu deaktivieren ist. Das macht es unmöglich, Java Codebeispiele mit Generics wie z.B.</p>
<pre class="brush:java">List&lt;Artikel&gt; artikelListe = dao.getWarenkorbArtikel();
for(Artikel artikel : artikelListe){
   foo.setPrice(artikel.getPrice());
}</pre>
<p>zu schreiben.  Entweder wird das &lt;Artikel&gt; in ein kleines &lt;artikel&gt; verändert und am Ende ein &lt;/artikel&gt; angehängt oder es wird ganz aus dem Editorfeld herausgelöscht.  Besonders schlimm ist, dass in der HTML-Sicht so mancher WYSIWYG Editoren wie z.B. CKEditor noch alles richtig abgespeichert wird, sobald man aber in den visuellen Modus wechselt,  &#8230; alles wieder zunichte gemacht wird.</p>
<p><strong>Funktionierende Lösung für WordPress3.2.1:</strong></p>
<p>Folgende Plugins harmonieren miteinander bezüglich der Darstellung von Code in Highlighter-Manier</p>
<ol>
<li>Editor-Plugin: <a title="TinyMCE Advanced" href="http://www.laptoptips.ca/projects/tinymce-advanced/" target="_blank">TinyMCE Advanced</a></li>
<li>Highlighter-Plugin: <a title="SyntaxHighlightr Pro" href="http://wordpress.org/extend/plugins/syntaxhighlighterpro/" target="_blank">SyntaxHighlighterPro</a></li>
</ol>
<p>Im Editor müssen die  &#8220;&lt;&gt;&#8221; Klammern in <span style="color: #0000ff;"> &amp;lt; </span> bzw. <span style="color: #0000ff;"> &amp;gt; <span style="color: #000000;">umgeschrieben werden. Das ist zwar etwas lästig, aber wenigsten entwickelt der Editor keine Eigeninitive und verändert eigenwillig die eingegebenen Sonderzeichen wieder.</span><br />
</span></p>
<p>&nbsp;</p>
<table style="width: 470px;" border="0" cellspacing="1" cellpadding="1" align="center">
<caption style="text-align: right; font-size: 9px;">Anzeige</caption>
<tbody>
<tr>
<td><script type="text/javascript" src="http://www1.belboon.de/tracking/000128285.js"></script><br />
<noscript><iframe src="http://www1.belboon.de/tracking/000128285.html" width="468" height="60" frameborder="0" scrolling="no"><a href="http://www1.belboon.de/tracking/000128285/0.html" target="_blank"><img src="http://www1.belboon.de/tracking/000128285.img" border=0 width="468" height="60" alt="" /></a></iframe></noscript></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-delicious">
			<a href="http://www.shareaholic.com/api/share/?title=Problem%3A+SyntaxHighlighter+unter+Wordpress+3.2.1&amp;link=http://www.perfect-knowhow.de/blog/archives/problem-syntaxhighlighter-wordpress-3-2-1&amp;notes=Spitze%20Klammern%20im%20Javacode%20werden%20durch%20die%20WSYWYG%20Editoren%20entweder%20eigenwillig%20gel%C3%B6scht%20oder%20umgeschrieben.%20%20Hier%20eine%20L%C3%B6sung%20f%C3%BCr%20WordPress%20um%20die%20Codedarstellung%20zu%20erm%C3%B6glichen.%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://www.shareaholic.com/api/share/?title=Problem%3A+SyntaxHighlighter+unter+Wordpress+3.2.1&amp;link=http://www.perfect-knowhow.de/blog/archives/problem-syntaxhighlighter-wordpress-3-2-1&amp;notes=Spitze%20Klammern%20im%20Javacode%20werden%20durch%20die%20WSYWYG%20Editoren%20entweder%20eigenwillig%20gel%C3%B6scht%20oder%20umgeschrieben.%20%20Hier%20eine%20L%C3%B6sung%20f%C3%BCr%20WordPress%20um%20die%20Codedarstellung%20zu%20erm%C3%B6glichen.%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=3&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=Problem%3A+SyntaxHighlighter+unter+Wordpress+3.2.1&amp;link=http://www.perfect-knowhow.de/blog/archives/problem-syntaxhighlighter-wordpress-3-2-1&amp;notes=Spitze%20Klammern%20im%20Javacode%20werden%20durch%20die%20WSYWYG%20Editoren%20entweder%20eigenwillig%20gel%C3%B6scht%20oder%20umgeschrieben.%20%20Hier%20eine%20L%C3%B6sung%20f%C3%BCr%20WordPress%20um%20die%20Codedarstellung%20zu%20erm%C3%B6glichen.%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.shareaholic.com/api/share/?title=Problem%3A+SyntaxHighlighter+unter+Wordpress+3.2.1&amp;link=http://www.perfect-knowhow.de/blog/archives/problem-syntaxhighlighter-wordpress-3-2-1&amp;notes=Spitze%20Klammern%20im%20Javacode%20werden%20durch%20die%20WSYWYG%20Editoren%20entweder%20eigenwillig%20gel%C3%B6scht%20oder%20umgeschrieben.%20%20Hier%20eine%20L%C3%B6sung%20f%C3%BCr%20WordPress%20um%20die%20Codedarstellung%20zu%20erm%C3%B6glichen.%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=74&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.shareaholic.com/api/share/?title=Problem%3A+SyntaxHighlighter+unter+Wordpress+3.2.1&amp;link=http://www.perfect-knowhow.de/blog/archives/problem-syntaxhighlighter-wordpress-3-2-1&amp;notes=Spitze%20Klammern%20im%20Javacode%20werden%20durch%20die%20WSYWYG%20Editoren%20entweder%20eigenwillig%20gel%C3%B6scht%20oder%20umgeschrieben.%20%20Hier%20eine%20L%C3%B6sung%20f%C3%BCr%20WordPress%20um%20die%20Codedarstellung%20zu%20erm%C3%B6glichen.%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=298&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Mister Wong">Add this to Mister Wong</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.shareaholic.com/api/share/?title=Problem%3A+SyntaxHighlighter+unter+Wordpress+3.2.1&amp;link=http://www.perfect-knowhow.de/blog/archives/problem-syntaxhighlighter-wordpress-3-2-1&amp;notes=Spitze%20Klammern%20im%20Javacode%20werden%20durch%20die%20WSYWYG%20Editoren%20entweder%20eigenwillig%20gel%C3%B6scht%20oder%20umgeschrieben.%20%20Hier%20eine%20L%C3%B6sung%20f%C3%BCr%20WordPress%20um%20die%20Codedarstellung%20zu%20erm%C3%B6glichen.%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=38&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://www.shareaholic.com/api/share/?title=Problem%3A+SyntaxHighlighter+unter+Wordpress+3.2.1&amp;link=http://www.perfect-knowhow.de/blog/archives/problem-syntaxhighlighter-wordpress-3-2-1&amp;notes=Spitze%20Klammern%20im%20Javacode%20werden%20durch%20die%20WSYWYG%20Editoren%20entweder%20eigenwillig%20gel%C3%B6scht%20oder%20umgeschrieben.%20%20Hier%20eine%20L%C3%B6sung%20f%C3%BCr%20WordPress%20um%20die%20Codedarstellung%20zu%20erm%C3%B6glichen.%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=10&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=Problem%3A+SyntaxHighlighter+unter+Wordpress+3.2.1&amp;link=http://www.perfect-knowhow.de/blog/archives/problem-syntaxhighlighter-wordpress-3-2-1&amp;notes=Spitze%20Klammern%20im%20Javacode%20werden%20durch%20die%20WSYWYG%20Editoren%20entweder%20eigenwillig%20gel%C3%B6scht%20oder%20umgeschrieben.%20%20Hier%20eine%20L%C3%B6sung%20f%C3%BCr%20WordPress%20um%20die%20Codedarstellung%20zu%20erm%C3%B6glichen.%20&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%24%7Btitle%7D+-+%24%7Bshort_link%7D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul><div style="clear: both;"></div><div class="shr-getshr" style="visibility:hidden;font-size:10px !important"><a target="_blank" href="http://www.shareaholic.com/?src=pub">Get Shareaholic</a></div><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.perfect-knowhow.de/blog/archives/problem-syntaxhighlighter-wordpress-3-2-1/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress &#8211; CKeditor nachinstallieren</title>
		<link>http://www.perfect-knowhow.de/blog/archives/wordpress-ckeditor-nachinstallieren</link>
		<comments>http://www.perfect-knowhow.de/blog/archives/wordpress-ckeditor-nachinstallieren#comments</comments>
		<pubDate>Thu, 29 Jul 2010 10:08:54 +0000</pubDate>
		<dc:creator>Manfred</dc:creator>
				<category><![CDATA[Serendipity]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[CKeditor]]></category>
		<category><![CDATA[WYSIWYG]]></category>

		<guid isPermaLink="false">http://www.perfect-knowhow.de/blog/?p=588</guid>
		<description><![CDATA[Erfahrungsbericht: Einfache Installation des CKeditors auf WordPress in nur drei Schritten.]]></description>
			<content:encoded><![CDATA[<p>Der Default-Editor, welcher mit WordPress daherkommt, ist recht mager zu nennen, reicht jedoch bis auf die fehlende Verlinkungsm&ouml;glichkeit aus. Als ich nun diese Verlinkungsm&ouml;glichkeit nachinstallieren bzw aktivieren oder freischalten wollte, bin ich auf den <strong>CKeditor</strong> als Alternative gesto&szlig;en.</p>
<p>Also habe ich&nbsp;ein Backup dieses Blog angelegt und diesem Editor eine Installationschance gegeben.</p>
<p><strong>Einfache Installation des CKeditors auf WordPress 3.0</strong></p>
<p>Nach nur drei Schritten</p>
<ol>
<li>&Uuml;ber die Adminoberfl&auml;che von WordPress das CKeditor Plugin gesucht</li>
<li>installiert und dann</li>
<li>aktiviert</li>
</ol>
<p>war der WYSIWYG Editor eingespielt.&nbsp;</p>
<p>Wenn ich da an den HackMack bei Serendipity denke, mit getrenntem Upload auf den Server, &uuml;berschreiben von Dateien, ver&auml;ndern von Konfigurationsdateien, etc&nbsp; dann bin ich echt beeindruckt.&nbsp;</p>
<p>Ein gro&szlig;es <strong>PLUS f&uuml;r WordPress </strong>im Vergleich zu Serendipity als Blog-Programm.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-knowledge">
<ul class="socials">
		<li class="shr-delicious">
			<a href="http://www.shareaholic.com/api/share/?title=WordPress+-+CKeditor+nachinstallieren&amp;link=http://www.perfect-knowhow.de/blog/archives/wordpress-ckeditor-nachinstallieren&amp;notes=Erfahrungsbericht%3A%20Einfache%20Installation%20des%20CKeditors%20auf%20WordPress%20in%20nur%20drei%20Schritten.&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=2&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://www.shareaholic.com/api/share/?title=WordPress+-+CKeditor+nachinstallieren&amp;link=http://www.perfect-knowhow.de/blog/archives/wordpress-ckeditor-nachinstallieren&amp;notes=Erfahrungsbericht%3A%20Einfache%20Installation%20des%20CKeditors%20auf%20WordPress%20in%20nur%20drei%20Schritten.&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=3&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.shareaholic.com/api/share/?title=WordPress+-+CKeditor+nachinstallieren&amp;link=http://www.perfect-knowhow.de/blog/archives/wordpress-ckeditor-nachinstallieren&amp;notes=Erfahrungsbericht%3A%20Einfache%20Installation%20des%20CKeditors%20auf%20WordPress%20in%20nur%20drei%20Schritten.&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=5&amp;tags=&amp;ctype=" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="shr-googlebookmarks">
			<a href="http://www.shareaholic.com/api/share/?title=WordPress+-+CKeditor+nachinstallieren&amp;link=http://www.perfect-knowhow.de/blog/archives/wordpress-ckeditor-nachinstallieren&amp;notes=Erfahrungsbericht%3A%20Einfache%20Installation%20des%20CKeditors%20auf%20WordPress%20in%20nur%20drei%20Schritten.&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=74&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.shareaholic.com/api/share/?title=WordPress+-+CKeditor+nachinstallieren&amp;link=http://www.perfect-knowhow.de/blog/archives/wordpress-ckeditor-nachinstallieren&amp;notes=Erfahrungsbericht%3A%20Einfache%20Installation%20des%20CKeditors%20auf%20WordPress%20in%20nur%20drei%20Schritten.&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=298&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Add this to Mister Wong">Add this to Mister Wong</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.shareaholic.com/api/share/?title=WordPress+-+CKeditor+nachinstallieren&amp;link=http://www.perfect-knowhow.de/blog/archives/wordpress-ckeditor-nachinstallieren&amp;notes=Erfahrungsbericht%3A%20Einfache%20Installation%20des%20CKeditors%20auf%20WordPress%20in%20nur%20drei%20Schritten.&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=38&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://www.shareaholic.com/api/share/?title=WordPress+-+CKeditor+nachinstallieren&amp;link=http://www.perfect-knowhow.de/blog/archives/wordpress-ckeditor-nachinstallieren&amp;notes=Erfahrungsbericht%3A%20Einfache%20Installation%20des%20CKeditors%20auf%20WordPress%20in%20nur%20drei%20Schritten.&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=&amp;service=10&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://www.shareaholic.com/api/share/?title=WordPress+-+CKeditor+nachinstallieren&amp;link=http://www.perfect-knowhow.de/blog/archives/wordpress-ckeditor-nachinstallieren&amp;notes=Erfahrungsbericht%3A%20Einfache%20Installation%20des%20CKeditors%20auf%20WordPress%20in%20nur%20drei%20Schritten.&amp;short_link=&amp;shortener=none&amp;shortener_key=&amp;v=1&amp;apitype=1&amp;apikey=8afa39428933be41f8afdb8ea21a495c&amp;source=Shareaholic&amp;template=%24%7Btitle%7D+-+%24%7Bshort_link%7D&amp;service=7&amp;tags=&amp;ctype=" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul><div style="clear: both;"></div><div class="shr-getshr" style="visibility:hidden;font-size:10px !important"><a target="_blank" href="http://www.shareaholic.com/?src=pub">Get Shareaholic</a></div><div style="clear: both;"></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.perfect-knowhow.de/blog/archives/wordpress-ckeditor-nachinstallieren/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Served from: www.perfect-knowhow.de @ 2012-02-07 15:56:20 -->
