Ich versuche, wysiwyg in meinem Projekt angular2 zu verwenden wenn ich meinen Code in der index.html-Seite hinzufüge (auf der Root-Seite funktioniert es)
aber wenn ich versuche, es in einer untergeordneten Ansicht html zu verwenden, erhält es nicht den css- oder (und) JavaScript-Code, um meine wysiwyg richtig zu bekommen
%Vor% in diesem Fall funktioniert es (ich habe meine wysiwyg in meinem index.html )
aber wenn ich dies auf eine andere Ansichtskomponente stelle, funktioniert es nicht
%Vor%Wenn eckig 2 Verwenden Sie Tinymce .. Warum tinymce?
%Vor%Index.html
%Vor%Verbleibende können von Tinymce
lesenIch stimme @mayur zu, angle2 und tinyMCE zu verwenden. Wenn Sie mehr Anleitung zum WIE basierend auf @ Mayurs Antwort benötigen:
directives / tiny.directive.ts:
%Vor%app.component.ts:
%Vor%main.ts:
%Vor%index.html:
%Vor%hoffe das hilft
Hier ist die vollständige Erklärung mit Schritten.
Installieren:
%Vor%Geben Sie in der Datei den Pfad für tinymce-Skriptdateien ein
%Vor%Führen Sie den folgenden Befehl aus, es kopiert die Stile in den Assents-Ordner.
%Vor%Erstellen Sie eine Anweisung für ynymce, damit sie überall in der Anwendung verwendet wird.
%Vor%speichern Sie es als simple-tinymce.directive.ts
Jetzt in der Datei app.module.ts
%Vor%Sie können wie unten in der Komponentenvorlage
verwenden %Vor%Sie können innerhalb der component.ts wie unten
abrufen %Vor%Ich habe die Antworten befolgt, aber ich konnte das nicht funktionieren, vielleicht weil ich routing verwende und das dom-Element, auf das die Direktive angewendet wird, noch nicht verfügbar ist. Ich habe gerade den Code tinymce.init vom Konstruktor in die Funktion ngOnInit verschoben und funktioniert jetzt wie erwartet:
directives / tiny.directive.ts:
%Vor%Tags und Links javascript html css angular wysiwyg