TinyMce l'aide de ASP.NET MVC 3 Avec le Moteur de Vue Razor - charge mais ne s'affiche pas
J'ai un simple formulaire à l'aide de la TinyMce plugin jQuery. Lorsque je charge la page, TinyMce est censé remplacer mon textarea avec son éditeur, mais cela n'arrive pas. En regardant le code html généré, mon textarea est là (visibilité de la valeur hidden) mais pas d'iFrame objet a été créé par TinyMce. La TinyMce objet existe, mais la activeEditor est null. C'est comme si je n'ai pas initialisé, mais je suis l'exemple de code exactement comme suit:
//c'est ici que j'ai charger les scripts
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.tinymce.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/tiny_mce_jquery.js")"></script>
//c'est ici ma zone de texte
<textarea id="tinymceId" name="content" class="tinymce" rows="1" cols="50" style="width:100%;" ></textarea>
//et voici mon code de script où je l'initialiser
$(document).ready(function () {
$('#tinymceId').tinymce({
doctype: '<!DOCTYPE html>',
editor_selector: "tinymce",
convert_urls: false,
mode: "textareas",
});
});
Toutes les erreurs de javascript? Se débarrasser de la dernière virgule après "ces zones de texte".
seul IE<9 se plaindre, non? 🙂
Probablement, mais la syntaxe correcte ne peut pas être une mauvaise chose.
Désolé de - grâce. Il était en fait très bien dans mon code. J'ai enlevé quelques autres options lorsque j'ai fait ce post pour simplifier les choses et j'ai oublié d'enlever le "," en premier. Il est retiré dans mon code. Pas d'erreurs javascript - regarde comme il est tout fonctionne bien, et puis rien ne s'affiche.
+1 bonne question
seul IE<9 se plaindre, non? 🙂
Probablement, mais la syntaxe correcte ne peut pas être une mauvaise chose.
Désolé de - grâce. Il était en fait très bien dans mon code. J'ai enlevé quelques autres options lorsque j'ai fait ce post pour simplifier les choses et j'ai oublié d'enlever le "," en premier. Il est retiré dans mon code. Pas d'erreurs javascript - regarde comme il est tout fonctionne bien, et puis rien ne s'affiche.
+1 bonne question
OriginalL'auteur Laurel | 2011-09-26
Vous devez vous connecter pour publier un commentaire.
Bien, le plus célèbre de la façon d'être cool de nos jours est d'utiliser Nuget.
J'ai écrit quelques vue partielle des modèles pour TinyMCE. (J'ai aussi pousser TinyMCE pour le nourrir quand il est en cours de mise à jour)
Article qui suit vous guidera à travers le processus :
TinyMCE Texte HTML Editior & ASP.NET MVC - Réglage, Il Est Devenu Facile Avec Nuget
De travail avec les harmoniques est toujours agréable pour ce type de situations.
Je suis en train d'utiliser votre exemple de code que j'ai téléchargé à partir de NuGet et ne pouvez pas obtenir que le travail soit. Je viens de créer un nouveau projet, a ajouté le TinyMceJquerySample paquet et faites les changements décrits dans votre article et quand je le lance, comme je l'étape par le biais de la tinymce constructeur code, j'obtiens un "$("textarea.tinymce").tinymce est pas une fonction " sur la dernière ligne du constructeur -(media_external_list_url : "lists/media_list.js"). Le seul écart que j'ai faite était dans le @Html.TextArea - j'ai une erreur d'exécution en disant le nom ne peut pas être une chaîne vide, je lui ai donc donné le nom de "tinymce". Des idées?
il y a un échantillon de paquet ainsi : TinyMCE.MVC.JQuery.De l'échantillon (nuget.org/List/Packages/TinyMCE.MVC.JQuery.Sample) de l'installer et vous aurez un échantillon en cours d'exécution. Cela devrait vous donner u une idée.
Je suis à l'aide de l'échantillon de paquet, mais peut-être que je l'ai fait de mal? Je viens de créer un nouveau projet (MVC Web app) et installé ce paquet et j'essaie de le faire fonctionner avec le "Blog" par exemple, vous avez dans votre article. Ma référence à votre vue partielle dans mon .cshtml est comme suit: @Html.Partielle("tinymce_jquery_full"). C'était à l'aide de cet exemple, où j'ai obtenu l'erreur dans mon post précédent.
OriginalL'auteur tugberk
T-il une différence si vous commentez la mise
editor_selector: "tinymce",
?Une autre chose à mentionner:
Je ne suis pas un ami de l'jquery construire (tiny_mce_jquery.js/jquery.tinymce.js pour plusieurs raisons (il est lent par exemple, ...). Faut-il faire une différence à l'utilisation de la tiny_mce.js au lieu de cela? Vous pouvez charger le régulier jquery.js sur la page de trop - qui est efficace et fonctionne bien.
si vous rencontrez des problèmes usiong la régulière js build - il suffit de demander
J'ai finalement réussi à le faire fonctionner. J'ai supprimé toutes les références à jquery.tinymce.js et tiny_mce_jquery.js et juste utilisé tiny_mce.js comme vous l'avez suggéré et tous fonctionne bien. Merci beaucoup!!
Je suis content que cela fonctionne pour vous maintenant. Si cette réponse résolu votre problème complètement, je vous suggère d'accepter cette réponse
OriginalL'auteur Thariama