Next, we will delve into how to cleverly use these tools in the content editor of AnQi CMS to bring new vitality to your articles.
Insert beautiful images to enhance visual appeal
Images are the soul of the article, they can directly express information, break the boredom of long text, and effectively guide the reader's gaze.Inserting images in the Anqi CMS content editor is very convenient.
When you enter the 'Content Management' 'Publish Document' interface or edit content in the 'Page Resources' 'Page Management', you will see a feature-rich visual editor.On the toolbar of the editor, you will find an intuitive 'Image Insert' icon (usually a mountain or sun pattern).Click this icon, and a window will pop up allowing you to choose whether to upload a new image or select from the existing image resource library.
Choosing an existing image is more convenient, you can directly select from the previously uploaded image library, quickly find the desired image through categories, search, and other methods, and insert it into any position in the article.
Embed exciting videos, enrich content interaction
In the editor's toolbar, you will find a "video insert" icon (usually in the shape of a play button).Click it, and a text box will pop up.You can choose to directly paste the sharing link of mainstream video platforms (such as YouTube, Bilibili, etc.).The editor will intelligently recognize links and automatically generate embedded code, presenting the video directly in the article.For local video files stored, they can also be inserted through uploading.
It is important to note that while the system supports local video upload, it is usually recommended to host the video on a professional video platform for the sake of website access speed and user experience, especially when the video file is large.These platforms have powerful bandwidth and distribution capabilities, ensuring smooth video playback while also effectively reducing the load on your server.Through simple link embedding, your content can easily combine text, images, and audio-visual elements, greatly enhancing interactivity and attractiveness.
Insert a code block to clearly display technical content
For technical articles, tutorials, or content that requires displaying specific code examples, clear and beautiful code blocks are indispensable.The Anqi CMS content editor provides a dedicated 'code insertion' feature, ensuring that code is presented in a professional and readable manner.
In the editor toolbar, you will find a 'Code Insert' icon (usually </>The symbol).Click it, a code input box will pop up and usually provide options to select a programming language.Here, you can choose from a variety of languages such as C++, Java, Python, JavaScript, and more.Choose the correct language and paste your code into it. The editor will automatically highlight the syntax.Syntax highlighting allows different types of code elements (such as keywords, variables, strings, etc.) to be displayed in different colors, greatly improving the readability of the code.
If you are accustomed to using Markdown editors, Anqi CMS also perfectly supports it.You can enable the Markdown editor in the "Global Settings" -> "Content Settings" on the backend.\
Summary: Make the content more attractive
Common Questions and Answers (FAQ)
1. I uploaded the image, why doesn't the front page show the latest image, or why is the image displayed unclearly?
2. After embedding a video in the article, the page loading speed has slowed down. Is there a way to solve this?
How come the code block is not highlighted when I inserted it?
Please check if you have selected the correct programming language when inserting a code block.The code highlighting effect usually requires specifying the language type.If you are using a Markdown editor, please confirm that the Markdown editor has been enabled in the 'Global Settings' -> 'Content Settings' of the Anqi CMS backend.For more advanced Markdown rendering such as mathematical formulas and flowcharts, it is necessary to ensure that the corresponding JavaScript libraries (such as MathJax and Mermaid) are correctly included in your front-end template.