CKEditor: Autoriser le code embed de la vidéo

J'utilise CKEditor et que vous souhaitez permettre l'insertion de code embed de YouTube, Vimeo, etc.
CKEditor tourne toutes les balises HTML de Caractères équivalent, ce qui est bon, mais je veux qu'il à faire des exceptions pour ce genre de contenu. iFrames semble être la façon dont il est pratiqué de nos jours, alors comment puis-je dire CKEditor laisser iFrame tags seul?

Merci.

OriginalL'auteur Francisc | 2011-03-07

  1. 6

    Viens de découvrir votre question lors de la recherche pour la même solution. Voici ce que j'ai trouvé. Fondamentalement, il ajoute un bouton à votre barre d'outils comme le bouton Image, mais il apparaît une boîte pour vous coller le code embed de YouTube, Vimeo, etc. en. Semble fonctionner assez bien.

    http://www.fluidbyte.net/index.php?view=embed-youtube-vimeo-etc-into-ckeditor

    Edit: Lien archive.org:
    http://web.archive.org/web/20110805213357/http://www.fluidbyte.net/index.php?view=embed-youtube-vimeo-etc-into-ckeditor

    C'est génial, merci.
    J'ai été faire d'Erreur 400 quand j'ai essayé de l'intégrer. Pour le fixer, j'ai juste changé le code suivant (à la ligne 30) à partir de plugin.js '<iframe src="'+me.path+'/dialogs/mediaembed.html" frameborder="0" name="iframeMediaEmbed" id="iframeMediaEmbed" allowtransparency="1" style="width:100%;margin:0;padding:0;"></iframe>' À html: '<iframe src="' + me.path + 'dialogs/mediaembed.html" frameborder="0" name="iframeMediaEmbed" id="iframeMediaEmbed" allowtransparency="1" style="width:100%;margin:0;padding:0;"></iframe>'
    404 non trouvé, pouvez-vous svp me donner des mises à jour nouveau lien?
    Apparemment, il se déplace sur son blog Tumblr et sera (probablement) se déplacer de son contenu plus rapidement. En attendant: web.archive.org/web/20110805213357/http://www.fluidbyte.net/...
    merci pour le webarchive!

    OriginalL'auteur Brett F

  2. 3

    Pas. Aucune de ces réponses sont tout à fait exacte. Le plugin est overkill pour ce que vous voulez faire. Faire un projet de recherche à l'échelle par le texte suivant: extraAllowedContent et ajouter 'iframe[!src];' de tout autre permis de contenu est là. Puis ajoutez les éléments suivants: allowedContent: true,

    OriginalL'auteur lola_the_coding_girl

  3. 2

    Activant le bouton "Source" ne permet pas de résoudre ce problème. Embed code "iframe" peut ensuite être collé, mais si vous venez en arrière et modifier le champ un deuxième temps, CKeditor aura dépouillé. Vous devez configurer CKeditor pour permettre iframe incorporation dans la première place.

    "Vous devez configurer CKeditor pour permettre iframe incorporation dans la première place." Comment?

    OriginalL'auteur Walter

  4. 0

    Le moyen le plus facile est de permettre la "Source" de bouton. Si vous utilisez la barre d'outils complète (pas de base) il est déjà présent.

    Merci pour votre suggestion, mais l'utilisateur final n'est pas technique du tout et lui donner la Touche de la Source pourrait être une catastrophe.

    OriginalL'auteur Matthijs Bierman

  5. 0

    CKEditor est livré avec un config.js fichier. Dans ce fichier, régler la paramater config.allowedContent à true.

    Par exemple,

    CKEDITOR.editorConfig = function( config )
{
    config.toolbar_TRiGCustom =
    [
        ['Bold','Italic','Underline','-','JustifyLeft','JustifyCenter','-','Blockquote'],
        ['FontSize'],
        ['Undo','Redo'],
        ['Link','Unlink','Image','Table'],
        ['NumberedList', 'BulletedList'],
        ['Source'],
        ['Maximize']
    ];
    config.toolbar = 'TRiGCustom';
    config.forcePasteAsPlainText = true;
    config.forceSimpleAmpersand = true;
    config.resize_enabled = false;
    config.toolbarCanCollapse = false;
    config.scayt_autoStartup = true;
    config.language = 'en';
    config.uiColor = '#76BC49';
    config.width = '97%';
    config.extraPlugins = 'maximize';
    config.allowedContent = true;
};

    J'ai trouvé cette solution sur le Amixa Blog. Le blog semble être écrit pour un CMS appelé ASPMAKER, et recommande également astuces pour ASP spécifique fichiers de ce CMS, mais ce montage pour CKEditor config est générique et s'applique à CKEditor où vous l'utilisez. La ligne config.allowedContent = true; est tout ce dont vous avez besoin.

    TL;DR - ajouter config.allowedContent = true;
    Si vous souhaitez désactiver l'Avancée de filtrage de Contenu, définir CKEDITOR.config.allowedContent à true. Disponibles toutes les fonctionnalités de l'éditeur sera activée et les données d'entrée ne sera pas filtré. Notez que vous ne pouvez pas utiliser CKEDITOR.config.disallowedContent lorsque l'ACF est désactivé. Si vous utilisez uniquement CKEDITOR.config.allowedContent = true, vous aura permis à l'utilisateur de faire des choses désagréables.

    OriginalL'auteur TRiG