2010-01-19 9 views
0

Je cherche un moyen de rendre des éléments spécifiques dans un éditeur de texte riche en HTML en lecture seule et non modifiable par l'utilisateur. Y at-il un moyen d'atteindre ce comportement?Éditeur de texte riche en HTML et contenu en lecture seule?

Un exemple du riche éditeur de texte, je suis référenceurs à serait cet extrait de code:

<html> 
<head> 
    <script type="text/javascript"> 
    var Editor = { 
    Init: function() { 
    $("#editor").get()[0].contentWindow.document.designMode = "on"; 
    } 
    } 

    $(document).ready(function() { Editor.Init(); }); 
    </script> 
</head> 
<body> 
    <iframe id="editor" style="width: 500px; height: 250px;"></iframe> 
</body> 
</html> 

/Tobias

Répondre

1

Je ne sais pas si cela vous aide, mais WYSIWYG CKEditor peux protéger le contenu en utilisant une expression régulière:

http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.protectedSource

CKEDITOR.config.protectedSource Depuis: 3.0 Liste des expressions régulières à exécuter sur l'entrée HTML, en indiquant le code qui doit rester intact.

config.protectedSource.push(/<\?[\s\S]*?\?>/g); // PHP Code 
config.protectedSource.push(/<%[\s\S]*?%>/g); // ASP Code 
config.protectedSource.push(/(]+>[\s|\S]*?<\/asp:[^\>]+>)|(]+\/>)/gi); // ASP.Net Code 

Je ne l'ai pas utilisé moi-même encore, mais de ce que j'entends dans les forums et ici sur le SO, il semble fonctionner assez décemment. J'ai utilisé CKEditor, et je peux le recommander comme l'un des meilleurs éditeurs WYSIWYG disponibles, même si la documentation et le support de la communauté sont un peu clairsemés, il est encore très nouveau sur le marché.