WYSIWYG - Editeur de texte et de code

Question

J'ai un besoin, quelque chose que d'autres développeurs doivent posséder et que StackOverflow possède.

Scénario

Je construis un site pour poster des exemples de code sur, des articles qui sont écrits par moi à travers un système d'administration, mais aussi peut-être Frontaux utilisateurs enr.

Mission

Pour avoir un éditeur WYSIWYG qu'un utilisateur peut poster des articles. Évidemment, il peut s'agir d'un paragraphe de texte, de certaines rubriques ... ce n'est pas un problème car TinyMCE gère actuellement cela. Mélangé avec le texte sera des exemples de code, de préférence dans une étiquette de code.

exécution

donc je joue à l'extension TinyMCE. Je peux autoriser les balises de code, mais je n'arrive pas à l'obtenir pour mettre du texte en surbrillance dans les balises de code, mais je peux l'obtenir dans les balises pré. Pas de problème. donc coller:

<xsl:template match="*" mode="jsonObjectOrElementProperty"> 
    <xsl:text>"</xsl:text> 
    <xsl:value-of select="name()"/> 
    <xsl:text>":</xsl:text> 
    <xsl:apply-templates select="." mode="jsonObjectProperties"/> 
    </xsl:template> 

dans le WYSIWYG et mettant en évidence et en sélectionnant préformaté est ok, il encode tous les supports à <et> et qui est parfaitement bien. Il est stocké dans ma base de données et sort comme tel; MAIS lors de l'édition, charger la zone de texte avec le contenu existant; voir HTML;

<textarea class="tinyMCE"><pre>&lt;xsl:template match="*" mode="jsonObjectOrElementProperty"&gt;<br /> &lt;xsl:text&gt;"&lt;/xsl:text&gt;<br /> &lt;xsl:value-of select="name()"/&gt;<br /> &lt;xsl:text&gt;":&lt;/xsl:text&gt;<br /> &lt;xsl:apply-templates select="." mode="jsonObjectProperties"/&gt;<br /> &lt;/xsl:template&gt;</pre></textarea> 

TinyMCE re-code tous les supports et supprime ALL et ANY XML code basé, balises de script comme éléments non-valides, plutôt que de les traiter comme texte brut.

Ajoutez à cela, qu'il n'a pas son genre de fonctionnalité CDATA afin qu'il ne tient pas compte des parties ...

je besoin d'un plug-in, comme je ne peux pas écrire à partir de zéro, je havn't la temps ni budget. Pour ce que StackOverflow m'a laissé faire dans la création de cette question !! Bonne Stackoverflow

Question

Quelqu'un at-il eu de chance avec le faire à TinyMCE? Puis-je voler/emprunter des Stackoverflows? vérifier la source ne peut pas voir que c'est un plugin, plus d'une chose construite sur mesure. Est-ce que quelqu'un sait d'autres plugins de formatage qui permettent des extraits de code?

Answer 1

Codemirror - pourrait être une solution pour vous?

Answer 2

Je pense que vous devrez ajuster votre initialisation tinymce valid_elements et valid_children (ne pas oublier vos attributs ici aussi).