2017-03-15 4 views
1

Ich versuche gerade, CKEDITOR in einer Webanwendung zu verwenden, die ich erstelle, benutze den Inline-Editor, den ich nur durch Aufruf von CKEDITOR.inline('editor') aktiviere, und ich habe die Farbe des Inline-Editors an meine Anwendung angepasst, indem ich die config.js geändert habe und hinzufügen config.uiColor = '#ededed'Wie entfernen Sie den Rahmen in CKEDITOR?

Aber egal, was ich versuche, ich kann nicht scheinen, um den Rand um den Inline-Editor loszuwerden (wie unten abgebildet). Es scheint keine Konfigurationsoption dafür zu geben. Hat jemand Erfahrung mit dem Entfernen des Rahmens um den Inline-Editor?

Inline Editor Border

Als Nebenbemerkung, weiß jemand, warum die CKEditor Hex-> RGB-Konvertierung ein wenig gebrochen zu sein scheint?

Die tatsächliche hex Farbe, die ich wollte der Editor zu sein war #f3f3f3 aber wenn CKEDITOR geladen wurde, wurde dies in ein RGB von 247, 247, 247 übersetzt, wenn es eigentlich 243, 243, 243 sein sollte. Die Verwendung von #ededed erzeugt ein RGB von 243, 243, 243 in CKEDITOR, obwohl es 237, 237, 237 sein sollte.

Antwort

0

Ich habe Inspect-Modus von ckeditor.com verwendet. Der Rand des Editormodul kann in den folgenden Ordner (http://s1.ckeditor.com/themes/ckeditor4/vendor/ckeditor/4.6.2/skins/moono-lisa/editor.css?t=H0CI)

.cke_chrome { 
    display: block; 
    /* border: 1px solid #d1d1d1; */ 
    padding: 0; 
} 

HINWEIS sich durch Kommentare aus den folgenden ‚cke_chrome‘ Klasse in editor.css entfernt werden: Ich war gerade von Chrome, so nehme ich an, dass es könnte sein

ein paar andere CSS-Einträge in dieser Datei editor.css

Wenn dies nicht hilft, Sie zu erhalten begonnen, vielleicht wird dieser Artikel helfen Adding Custom Styles and Classes to your WYSIWYG

Verwandte Themen