Forum : Code snippets dans TinyMCE

Auteur

Réponse acceptée

Je viens de trouver le problème, plutôt assez bête... Il suffisait d'encoder les caractères HTML dans la base de données puis de les décoder ensuite pour les afficher... Je ne sais pas pourquoi je n'y est pas pensé avant.

var escapeHTML = function(text) {
  return text
      .replace(/&/g, '&')
      .replace(/</g, '<')
      .replace(/>/g, '>')
      .replace(/"/g, '"')
      .replace(/'/g, ''');
}

var unescapeHTML = function(text) {
  return text
      .replace(/</g, '<')
      .replace(/>/g, '>')
      .replace(/"/g, '"')
      .replace(/'/g, "'")
      .replace(/&/g, '&');
}

2b3ez

Il me semble que le dernier Tiny le fait

Format -> inline -> code

tonymx227

Auteur

Le problème c'est que le HTML se charge dans le textarea TinyMCE lorsque je veux éditer mon poste je ne vois pas les portions de codes vue que le HTML est exécuté dans le textarea...

Exemple :

J'écris "<div>toto</div>" dans mon textarea TinyMCE, j'enregistre mon article. Dans la base de donnée tous va bien. Par contre si je veux éditer mon article, je vois "toto" dans le textarea...

Maenhyr

C'est le soucis avec TinyMCE, CKEditor et autre plugins. Ils échappent ou nettoient le code html. http://weblogs.asp.net/nawaf/archive/2008/04/10/syntaxhighlighter-plug-in-for-tinymce-3-x-wysiwyg-editor.aspx, il y a bien ça mais il est compatible avec SyntaxHighlighter seulement.

tonymx227

Auteur

Oui et j'ai regardé le code de votre plugin CKEditor et le problème ne vient pas du plugin mais de CKEditor. Donc je ne peux pas régler le problème. Je vais créer mon propre plugin je pense que ce sera plus facile.

Maenhyr

Je n'ai pas eu une bonne expérience avec mon plugin pour CKEditor, ces outils (TinyMCE et CKEditor) ne sont très faciles à customizer. Si tu n'as pas beaucoup de temps, je te conseille de faire ton code dans un IDE et de le coller directement dans TinyMCE. Ca sera moins dur que de créer un plugin.

Code snippets dans TinyMCE

6 réponses