# Tutorial on Using the Rich Text Editor

<div data-elink-language-switch="1" id="bkmrk-%E4%B8%AD%E6%96%87" style="border:1px solid #d6d9de;border-radius:6px;padding:10px 12px;margin:0 0 18px 0;background:#f8fafc;font-size:14px;">[中文](/books/250cf/page/5ef0b)</div>**<span style="font-size:17px;">I. Function Description</span>**

<span style="font-size:14px;">The rich text editor supports text editing, image insertion, audio insertion, video insertion, link insertion, H5 insertion, etc. Editing with the rich text editor can make your content more diverse and engaging. Merchants can use the rich text editor to edit images and texts, course details, etc.</span>

**<span style="font-size:17px;">II. Function Usage</span>**

<span style="font-size:14px;">1. Basic editing and typesetting functions: Support basic text typesetting functions, such as font size, color, bold, line spacing, format painter, ordered list, unordered list, etc.</span>

<span style="width:674px;height:449px;">![0](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/98938000_1645065863.cn/txdocpic/0/d5f274b6f3619aaf1a9a494778982e59/0)</span>

<span style="font-size:14px;">2. Add images: Support single-image upload and multi-image upload.</span>

<span style="font-size:14px;">(1) \[Image upload\] The image size should not exceed 5M. When the uploaded image exceeds 2M, it will be compressed.</span>

<span style="font-size:14px;">(2) \[Image editing\] In the rich text editor, select an image to modify its size and drag to adjust its position.</span>

<span style="width:674px;height:151px;">![0](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/89728600_1645065864.cn/txdocpic/0/c9afed68b1aa53e32207f2e61e545cd6/0)</span>

<span style="font-size:14px;">3. Add videos: Support adding local videos and third-party videos.</span>

<span style="font-size:14px;">(1) \[Local videos\] Support mp4, avi, wmv, mov, flv, rmvb, 3gp, m4v, mkv, webm formats, with a size not exceeding 5GB.</span>

<span style="font-size:14px;">(2) \[Third-party videos\] Can be added through \[Add video - Video link\]. Instructions for filling in the video link: For Tencent Video and Youku Video, you can directly paste the video link into the input box. For other videos, you can insert them by pasting the \[Universal code\] of the video sharing. (To have a better experience on WeChat, it is recommended to use Tencent Video when inserting third-party videos.)</span>

<span style="font-size:14px;">(3) Instructions for the \[Universal code\] of video sharing. Example: Method for inserting iQiyi videos</span>

<span style="font-size:14px;">① Open the video link;</span>

<span style="font-size:14px;">② Click \[Share\] - \[Copy universal code\] at the bottom of the video, paste the code into the input box, and complete the insertion of the online video.</span>

<span style="width:294px;height:217px;font-size:14px;">![0](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/80397300_1645065865.cn/txdocpic/0/5b59e9529ee8286276f91b88a39df3ea/0)</span><span style="font-size:14px;"> <span style="font-size:14px;width:313px;height:217px;">![0](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/66138700_1645065866.cn/txdocpic/0/79997df47a1402f5e721e87fd28766f4/0)</span></span>

<span style="font-size:14px;">\*Note:</span>

<span style="font-size:14px;">The course details in Mini Program V76 and above versions support the display of added local videos. Third-party videos inserted through \[Add video - Video link\] are not currently supported for display in the Mini Program. If you want the video to be displayed in the Mini Program, please upload a local video.</span>

<span style="font-size:14px;">  
</span>

<span style="font-size:14px;">4. Add audio</span>

<span style="font-size:14px;">Support m4a and mp3 formats, with a size not exceeding 500MB.</span>

<span style="width:674px;height:224px;">![0](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/54823400_1645065867.cn/txdocpic/0/15a0777ae52bb3f78ab004706ee53a88/0)</span>

<span style="font-size:14px;">\*Note: The course details in Mini Program V76 and above versions support the display of added audio.</span>

<span style="font-size:14px;">  
</span>

<span style="font-size:14px;">5. Add links</span>

<span style="display:block;font-size:14px;">Support adding hyperlinks to text and images;</span>

<span style="display:block;font-size:14px;">Select an image or text, click the \[Hyperlink\] icon, paste the link address and confirm to complete the link insertion.</span><span style="display:block;"></span>

<span style="width:674px;height:296px;">![0](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/46109900_1645065868.cn/txdocpic/0/add4f13a2d5f726b7204b8582ad027ce/0)</span>

<span style="font-size:14px;">6. Add emoticons to make the images and texts more vivid</span>

<span style="width:674px;height:327px;">![0](https://wechatapppro-1252524126.file.myqcloud.com/help_document/image/ueditor/38787400_1645065869.cn/txdocpic/0/bc3c5216da1992f15e2201196a9dcbda/0)</span>