Update (12/5/2010): As Matt pointed out in the comments section below, you need to replace HTML code for the special characters with raw characters during the import process. For example, replace < with the less than (<) character. Scroll down for more information on the replacement process. Thanks, Matt.
In the last post, I talked about the snippets plugin in Bluefish that allows me to import HTML 5 and CSS 3 tags as well as other languages for reference and reuse purposes. This time I’m going to show you how to import the snippets from the Bluefish wiki into the Bluefish snippets menu.
- First, go to this page to copy the xml code of your choice. Make sure not to copy the <pre> tag.
- Paste the copied code into a text editor and save as a xml file.
Update (12/5/2010): Make sure to use the Find and Replace feature in your text editor to replace all the HTML code for special characters with the actual characters. Here are some common ones (HTML code is in the parentheses): < (<), > (>).
- Start Bluefish and switch to the third tab on the left side bar.
- Right-click inside the left-side bar and choose Import.
- Select the xml file you just saved and click Open.
- If the xml code was copied correctly, there should be a new branch appear inside the left sidebar.
- Right-click the newly created branch and choose Edit snippet to change the displayed name if you want.
- Now you can browse through the code snippets and hover the cursor over one element to learn more about the new tags of HTML 5.
Do you have any questions regarding the import process? Feel free to leave a comment below.