die Integration von tinymce mit asp .net MVC 4.0
mit ASP .NET MVC 4.0 , VS2012.
In einer von meiner Seite, ich versucht zu integrieren, ein WYSIWYG-editor "TinyMCE". Zu integrieren, habe ich die folgende URL : .tugberkugurlu.com
Meine anzeigen Seite ist wie :
@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>
}
Hier meine Modell ist wie :
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; }
}
Meine about-Seite geladen mit allen Funktionen.
"@html.EditorFor(model=>model.content)"
lädt auch in Ordnung. aber keine "WYSIWYG" - Bereich(ich donno was es heißt, der Bereich wird verwendet, zu Bearbeiten, meinen text in die textarea(HTml."editorFor" ())) geladen wird. In der runtime-Exception geworfen wird jquery.tinymce.js - Datei.
Fehlermeldung :
`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`
Sich und geben Sie mir zwei Optionen, Weiter oder Pause . Wenn ich weiter die Seite geladen mit Funktionen, wie ich bereits erwähnt habe. Wenn ich breche, dann bleibt es in der jquery.tinymce.js - Datei mit einem gelben text-hintergrund.
Habe ich keine Erfahrung mit Javascript/jquery. Und neu in ASP .NET MVC 4.0, eigentlich ist dies mein Erster Versuch der web-Anwendung .net.
Ich aktualisiert jquery von nuGet. Was könnte die mögliche Wege, es zu lösen?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Dieser Seite ein update benötigt. Tinymce ist jetzt sehr einfach zu integrieren in so ziemlich alles und MVC4 ist das nicht anders.
Legen Sie in den Kopf der _layout-Dokument die Adresse von Tinymce und die eine Zeile Skript, um anzugeben, dass Sie wünschen, es zu ändern der text-box:
Alles, was Sie tun müssen, ist, stellen Sie sicher, dass Sie Rendern eine textbox auf das Formular und Tinymce statt.
Wenn die Website an tinymce.cachefly.net ist nach unten, aber dann es bedeutet, dass niemand wäre in der Lage, um verwenden den tinymce-Oberfläche obwohl.
ersten ist zwei gleiche jquery-Dateien (aber min - minificated version):
zweiten: gehen Sie einfach auf die _Layout unten und fügen Sie hinzu:
Dritten: auf Views/Shared/EditorTemplates/tinymce_jquery_full.cshtml entfernen
Lassen Sie mich bitte wissen, falls dir das hilft.
Jaroslaw
Wenn man die url und die Skript-Pfade
Dies deutet darauf hin, dass die jquery.tinymce.js sollte sich in /Home/About/Scripts/tinymce/jquery.tinymce.js. Dies nehme ich an, ist falsch. Versuchen Sie, ändern Sie den Pfad des Skripts zu
In MVC3 geht alles in Ordnung.. aber in MVC4 es nicht. (für mich zumindest..)
Endlich habe ich es geschafft zu arbeiten.
In _Layout.cshtml hatte ich, um die unteren Zeilen:
oben (innerhalb des head-tags), bevor Sie die Zeilen:
und lassen Sie die:
in der EditorTemplate tinymce_jquery_full.cshtml-Datei.
Nun funktioniert es wie in MVC3 🙂
Hoffe ich konnte helfen.
Können Sie fügen Sie Daten Anmerkung auf das Modell selbst zu sagen, es zu verwenden tinymce. Hier ist ein Beispiel für den vollständigen rich-text-editor.
Halten Sie im Verstand, es zu tun auf diese Weise immer machen dieses Modell render die rich-text-editor für neue oder Bearbeiten von Operationen. so müssen Sie haben die richtige skriptverweise auf diese Aussicht.
Müssen Sie auch eine richtige using-Anweisung in Ihrem Modell für die Verwendung von System.ComponentModel.DataAnnotations.
verwenden Sie "@html.Raw(model=>Modell.Inhalt)"