Follow the steps below for a quick and efficient way to make most coding compatible to be displayed "as-is" in Trainual's WYSIWYG text editor. With a good understanding of this process, you can easily create technical training that looks both visually appealing and is user-friendly.
👉 Before you start:
To insert and display code snippets in your Trainual content:
It can feel challenging to add certain code snippets from certain websites into Trainual due to the inclusion of specific technical language, such as script tags for example, which often causes saving failed error messages in-app. This is why the process outlined below is recommended!
Navigate to Pastebin.com.
Paste your coding into the text box under "New Paste."
Select your "Optional Paste Settings," if applicable.
Click the "Create New Paste" button next and then the "Embed" button on the second page you're directed to.
Copy the embed code under the header "Iframe Embedding."
Watch these first 5 steps in action! 👇
Navigate to the step you want to update in Trainual.
Click the three dots in the upper right-hand corner of the text editor.
Hit the "< >" symbol from the second menu to open "Code View."
Paste your embed coding in this view, then click the "< >" symbol again to close this page and be navigated back to the default text editor view.
Double-check that everything is displaying correctly, and voilà! You've successfuly completed this process.
Watch these last 5 steps in action!👇
Learn more about adding external resources in steps:
🌻 SEOs: CodeView, HTML, HyperText, Program, Programming, Syntax, Share, Sharable, Tech, Technology, Industry, Field, Programmer, Program