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. 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_helf11

Step 4. The Embed Code will appear on the bulletin Message Board screen.

bbs_helf12

Step 5. Posts that contain embedded content (e.g. YouTube, Instagram, TikTok, etc.) may have issues when editing later. When editing, you will need to delete the existing embed code and then add it again.

bbs_helf13

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