Sportslib Message Board
Browse
 Choice 

How to Use the Web Editor

📌 How to Use YouTube and Embed social media

1. Embed a YouTube video in a post

bbs_helf1

Step 1. Click the "Share" button below the YouTube video.

bbs_helf2

Step 2. Select "Embed".

bbs_helf2

Step 3. Click "Copy" on the Embed screen.

bbs_helf4

Step 4. Click the YouTube icon in the web editor.

bbs_helf5

Step 5. Select "Paste Embed Code Here" and paste the code you copied.

bbs_helf6

Step 6. As an alternative, click "Copy".

bbs_helf7

Step 7. Select "Start at (ss or mm:ss or hh:mm:ss)" and paste the code you copied. If you don't disable the "Make Responsive (ignore width and height, fit to width)" option, the video will be displayed at 100% width.

2. Embed social media posts (Instagram, X, facebook, Reddit, TikTok, etc.) into your post.

bbs_helf8

Step 1. Click "Embed" on the Instagram post.

bbs_helf9

Step 2. Select "Embed" from the Instagram post options.

bbs_helf10

Step 3. Click "Copy Embed Code" on the screen.

bbs_helf11

Step 4. Once you've finished writing your post, click the "Source" icon in the web editor.

bbs_helf12

Step 5. Paste the copied code into the desired location, then click the "Submit" button. The method is similar across SNS platforms like Instagram, X (formerly Twitter), Facebook, Reddit, and TikTok.

bbs_helf13

Step 6. If you navigate back to the web editor without submitting your post, an error may occur, preventing further editing of any embedded code. Posts that include embedded content (such as YouTube, Instagram, TikTok, etc.) may also encounter problems when edited later. When editing, you need to remove the existing embed code and then add the embed code again.

3. Insert embedded content in a comment

bbs_helf14

Step 1. The reply input form supports HTML mode. This means you can paste embed codes (e.g., from YouTube, Instagram, TikTok) directly into the reply without switching modes.

4. Center-align an image or video in the web editor

bbs_helf15

Step 1. Click in the empty space after the image or video in the web editor.

bbs_helf16

Step 2. Click the "Center" icon in the web editor.

bbs_helf17

Step 3. The image has been center-aligned.

✅ Please note

Content embedded from TikTok and Reddit is, by default, center-aligned.

Other social media content requires applying the <center> tag.

Learn More About CKEditor – Click Here →

Recommend Channel

Icon Loading