Liferay 6.2 Hinzufügen eines neuen CSS-Editors

Question

Ich möchte einen neuen CSS-Editor zu meinem Liferay hinzufügen, da wir die Funktionalität des verfügbaren einschränken müssen. Ich möchte jedoch das Original nicht ändern, weil wir es später in anderer Form brauchen.

Wie kann ich einen neuen CSS-Editor hinzufügen, der zum Erstellen einer Struktur für Web-Content-Artikel verwendet werden kann? Muss ich ein neues Theme für liveray oder so etwas erstellen?

Info: Unsere liferay läuft auf einem Jboss-Server

EDIT:

Ich habe einen Haken erstellt, die die html\js\editor\ckeditor\ckconfig.jsp Datei überschreibt und hinzugefügt

config.toolbar_Mini = [ 
    ['Bold', 'Italic', 'Underline', 'Strike'], 
    ['BulletedList'] 
]; 

Zusätzlich habe ich änderte die Zeilen in Bezug auf die liferay-ui:input editor in der \html\portlet\journal\article\content.jsp Datei.

<div class="journal-article-component-container"> 
    <liferay-ui:input-editor contentsLanguageId="<%= Validator.isNotNull(toLanguageId) ? toLanguageId : defaultLanguageId %>" editorImpl="<%= EDITOR_WYSIWYG_IMPL_KEY %>" name="articleContent" toolbarSet="Mini" width="100%" /> 
</div> 

Andere toolbarSet Optionen, die bereits verfügbar sind (z phone oder simple) haben auch keine Wirkung. Ich habe auch meinen jboss-Server mehrmals neu gestartet - immer noch keine Wirkung.

Es scheint auch, dass Änderungen, die in der html\js\editor\ckeditor\config.js Datei vorgenommen werden, absolut nichts auf irgendetwas haben (z. B. alert("foo")).

Answer 1

Sie können toolbarSet Attribut von lifeary-ui:input-editor Tag verwenden.

Sie müssen ckconfig.jsp mit liveray-plugin hook überschreiben, um Ihre benutzerdefinierte ckeditor-Konfiguration hinzuzufügen, die Ihre customr-Symbolleiste darstellt.

z.B. Fügen Sie den folgenden Code zu ckconfig.jsp hinzu. config.toolbar_customToolbar=[ ['FontSize', 'TextColor', 'BGColor', '-', 'Bold', 'Italic', 'Underline', 'Strike']];

Und dann, während lifeary-ui:input-editor-Tag bieten toolbarset Wert als toolbarSet=custom-toolbar zuschreiben.

FYI: Textformatierung wird verwendet, um config.toolbar_XXXXX zuzuordnen, damit der benutzerdefinierte Symbolleistenwert von toolbarSet der benutzerdefiniertenToolleiste (config.toolbar_customToolbar) zugeordnet wird.

Hoffe, das hilft.