John Davidson

Message:

I tried to add an YouTube video in my text/image content with the iframe link from YouTube, or by clicking in "Embed Youtube video" and adding the embed code but it doesn't work, in frond en I see an Iframe balise like :

<--iframe width="560" height="315" src="https://www.youtube.com/embed/dqsdsdq" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>

In Ckeditor I see a black square of YouTube written : video not available

I checked my config but I don't see what is wrong, I show you some code of my config :

Default.yaml

editor:

  config:

    allowedContent: true

    removeFormatAttributes: ""

    youtube_width: 550

    extraAllowedContent: '*(*)[data-*]; iframe'





   externalPlugins:

    youtube: {resource: "EXT:skin/Resources/Public/vendor/scripts/youtube/youtube/plugin.js"}



    extraAllowedContent:

      - span

      - iframe

    allowTags:

      - iframe

  processing:

    allowTags:

      - iframe

    allowTagsOutside:

      - iframe

Page.ts :

RTE.default {

    proc {

        blockElementList := addToList(iframe)

        externalBlocks := addToList(iframe)

    }

}

PageTemplate.ts

lib.parseFunc_RTE.allowTags := addToList(object,param,embed,iframe)

lib.parseFunc.htmlSanitize = 0

lib.parseFunc_RTE.htmlSanitize = 0

Someone can tell we what's wrong with my config ? I'm using TYPO3 9.5

thanks you

update : It's working now, I added the 2 last line in my PageTemplate.ts , I edited my code to show my fix

---

My Answer:
The CKEditor is a popular WYSIWYG editor that is often used in Typo3 websites for content editing. It provides a user-friendly interface for creating and editing content, with features such as text formatting, image insertion, and table creation. To integrate CKEditor into a Typo3 website, you can install the CKEditor extension from the Typo3 Extension Repository and configure it to replace the default text editor in the Typo3 backend. This will allow users to easily create and edit content using the CKEditor interface.