l'intégration de tinymce avec asp .net MVC 4.0

à l'aide de ASP .NET MVC 4.0 , VS2012.

Dans l'une de mes page, j'ai essayé d'intégrer un éditeur WYSIWYG "TinyMCE". Pour s'intégrer, j'ai suivi l'URL suivante : .tugberkugurlu.com

Mon afficher la page est comme :

@model AboutModels
@using FileUploadDemo.Models
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="Scripts/tinymce/jquery.tinymce.js" type="text/javascript"></script>
@{
ViewBag.Title = "About";
}
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>About</legend>
<div class="editor-label">
@Html.LabelFor(model => model.Title)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Title)
@Html.ValidationMessageFor(model => model.Title)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.PostedOn)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.PostedOn)
@Html.ValidationMessageFor(model => model.PostedOn)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.Tags)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Tags)
@Html.ValidationMessageFor(model => model.Tags)
</div>
<div class="editor-label">
@Html.LabelFor(model => model.Content)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Content)
@Html.ValidationMessageFor(model => model.Content)
</div>
<p>
<input type="submit" value="Create" />
</p>
<p>
Posted Content : @ViewBag.HtmlContent
</p>
</fieldset>
}

Ici mon Modèle est comme :

public class AboutModels 
{
public string Title { get; set; }
public DateTime PostedOn { get; set; }
public string Tags { get; set; }
[UIHint("tinymce_jquery_full"), AllowHtml]
public string Content { get; set; }
}

Mon sujet de chargement de la page avec toutes les fonctionnalités.

"@html.EditorFor(model=>model.content)"

également en charge très bien. mais pas de "WYSIWYG" volet(je donno ce qu'il est appelé, le volet est utilisé pour modifier mon texte écrit dans le textarea en HTml.editorFor())) est chargé. Dans l'exécution, Exception est levée dans jquery.tinymce.js fichier.

Message D'Erreur :

`Unhandled exception at line 86, column 11 in http://localhost:1706/Home/About
0x800a01b6 - Microsoft JScript runtime error: Object doesn't support this property or method`

Et donnez-moi deux options, Continuer ou Pause . Si je continue, le chargement de la page avec des fonctionnalités comme je l'ai mentionné plus tôt. Si je casse, alors il reste dans la jquery.tinymce.js fichier avec un texte jaune sur fond.

Je n'ai aucune expérience avec Javascript/jquery. Et de nouveau dans l'ASP .NET MVC 4.0, effectivement, c'est mon premier essai de l'application web .net.

J'ai mis à jour jquery de nuGet. Quels pourraient être les moyens possibles pour le résoudre?

OriginalL'auteur | 2013-01-13

11

Cette page nécessite une mise à jour. Tinymce est maintenant très facile de l'incorporer dans à peu près tout et MVC4 n'est pas différent.

Vous place à la tête de la _layout document de l'adresse fournie par Tinymce et une ligne de script pour indiquer que vous souhaitez pour modifier la zone de texte:
```
@Scripts.Render("//tinymce.cachefly.net/4.0/tinymce.min.js")
<script>
tinymce.init({ selector: 'textarea' });
</script>
```
Tout ce que vous avez à faire est de vous assurer que vous effectuez le rendu d'une zone de texte sur le formulaire, et il affichera Tinymce la place.
```
[AllowHtml]
[DataType(DataType.MultilineText)]
public string YourInputText { get; set; }
```
Si le site à tinymce.cachefly.net est, cependant, alors cela veut dire que personne ne serait en mesure d'utiliser la tinymce interface.

merci, ça marche pour moi ,mais j'ai besoin de l'éditeur, avec option de plus comment puis-je le changer ?

OriginalL'auteur Cheesus Toast
3

première de tous c'est les deux mêmes fichiers jquery (mais min - minificated version):
```
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
```
deuxième: il suffit d'aller à la _Layout bas et d'ajouter:
```
        @Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)
<script src="@Url.Content("~/Scripts/tinymce/jquery.tinymce.js")" type="text/javascript"></script>
```
troisième: sur Views/Shared/EditorTemplates/tinymce_jquery_full.cshtml supprimer
```
<script src="@Url.Content("~/Scripts/tinymce/jquery.tinymce.js")" type="text/javascript"></script>
```
Laissez-moi s'il vous plaît savoir si cela vous aide.

Yaroslav

également sur mvc4 vous pouvez supprimer @Url.Contenu et juste utiliser <script src="~/Scripts/tinymce/jquery.tinymce.js" type="text/javascript"></script>
Merci pour votre réponse. Le message d'erreur ne s'affiche pas maintenant. grand. Mais la tinymce n'est pas de montrer où devrait être.
essayez de déplacer jquery.tinimce.js de _Layout haut de tinymce_jquery_full.cshtml. également ajouter un lien vers jquery, devraient travailler: <script src="ajax.googleapis.com/ajax/libs/jquery/1.7.2/...> <script src="~/Scripts/tinymce/jquery.tinymce.js" type="text/javascript"></script>

OriginalL'auteur Yaroslav Bigus
1

Lors de la combinaison de l'url et le chemin des scripts de
```
http://localhost:1706/Home/About
<script src="Scripts/tinymce/jquery.tinymce.js" type="text/javascript"></script>
```
Ceci suggère que l'jquery.tinymce.js doit être situé dans /Home/About/Scripts/tinymce/jquery.tinymce.js. Cette je suppose est incorrect. Essayez de changer le chemin du script à
```
<script src="/Scripts/tinymce/jquery.tinymce.js" type="text/javascript"></script>
//or
<script src="~/Scripts/tinymce/jquery.tinymce.js" type="text/javascript"></script>
```
changer de chemin dans les manières possibles n'a pas travaillé.

OriginalL'auteur Eric Herlitz
1

Dans MVC3 tout va bien.. mais dans MVC4 il ne le fait pas. (du moins pour moi..)

Enfin je l'ai eu à travailler.

Dans _Layout.cshtml j'ai eu à déplacer les lignes de fond:
```
    @Scripts.Render("~/bundles/jquery")
@RenderSection("scripts", required: false)
```
vers le haut (à l'intérieur des balises d'en-tête), devant les lignes:
```
    @Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
```
et de laisser l':
```
<script src="@Url.Content("~/Scripts/tinymce/jquery.tinymce.js")" type="text/javascript"></script>
```
dans le EditorTemplate tinymce_jquery_full.cshtml fichier.

Maintenant il fonctionne très bien comme dans MVC3 🙂
J'espère que je pourrais aider.

OriginalL'auteur Marcio Cardoso
0

Vous pouvez ajouter des données d'annotation sur le modèle lui-même à le dire à l'utilisation de tinymce. Voici un exemple de la pleine éditeur de texte riche.
```
[Display(Name = "Condition"), UIHint("tinymce_jquery_full"), AllowHtml]
public string ExampleCondition { get; set; }
```
Garder à l'esprit le faisant de cette façon, ce sera toujours ce modèle de rendu de l'éditeur de texte enrichi pour les nouveaux ou les opérations d'édition. ainsi, vous aurez besoin d'avoir le bon script de références sur ces points de vue.

Vous aurez également besoin d'une bonne instruction d'utilisation de votre modèle pour l'utilisation du Système.ComponentModel.DataAnnotations.

OriginalL'auteur Mike
-1

vous devez utiliser le "@html.Raw(modèle=>le modèle.le contenu)"

Pourriez-vous peut-être des précisions sur cette réponse?

OriginalL'auteur Mustafa Özgüner

Vous devez vous connecter pour publier un commentaire.