ich bin mit gem 'ckeditor', github: 'galetahub/ckeditor' mit schienen admin. ich möchte, wenn ich Artikel auf der Startseite, Bilder mit Artikelbeschreibung verbunden sollte automatisch reagieren. ich habe einen Ordner inwie man ckeditor bild reaktionsfähig in schienen
assets/Javascript/ckeditor
, und ich klebte diese piece of code in diesem Ordner, aber es scheint, funktioniert nicht mir too.please zu helfen. Vielen Dank im Voraus
Wenn Sie möchten, dass Bilder in einem CKEditor reaktionsfähig sind, können Sie den folgenden Code verwenden. Es erstellt einen HTML-Filter für die Image-Tag, die Inline- "Breite" und "Stil" Definitionen mit ihre entsprechenden Attribute und Adds (in diesem Beispiel) Bootstrap "img-responsive" Klasse ersetzt.
Ich glaube, dass CKEDITOR die img-responsive Klasse zu diesen Bildern nicht hinzufügt. Sie können dies überprüfen, indem Sie ein Bild mit CKEDITOR hinzufügen und dann überprüfen, ob der HTML-Code auf der Seite die img-responsive Klasse hinzugefügt hat.
Die Funktion CKEDITOR.on() das Ereignis 'instanceReady' den Code ausführen wird die 'img-responsive' Klasse auf das Bildelement el
Tatsache ist, dass ich glaube, Sie sollten in diesem Code und Test einen Haltepunkt setzen hinzufügen, wenn es tatsächlich
ausgeführt wirdCKEDITOR.on('instanceReady', function (ev) { // etc.. etc.. });
weil this are the instruction on how to adapt ckeditor with turbolinks
erstellen Sie eine Datei app/assets/ja vascripts/init_ckeditor.coffee
var ready = function() {
CKEDITOR.on('instanceReady', function (ev) { // code });
}
$(document).ready(ready)
$(document).on('page:load', ready)
Sicherstellen, dass die Datei von Ihrem app/assets/Javascripts geladen wird/application.js
CKEDITOR is the API entry point. The entire CKEditor code runs under this object.
The documentation of the .on() jquery method kann Ihnen helfen, besser zu verstehen warum dieser Aufruf nicht ausgeführt wird, löst im Prinzip die .on() Methode den Js-Code in der function(){} aus, wenn dieses Ereignis ausgelöst wird.
Die Veranstaltung ist instanceReady und dies ist die info from the API
instanceReady (evt) Ereignis ausgelöst, wenn eine CKEditor Instanz erstellt wird, vollständig initialisiert und zur Interaktion bereit.
Parameters
evt : CKEDITOR.eventInfo
editor : CKEDITOR.editor
The editor instance that has been created.