I can't get the MarkItUp to display bbcode in the preview - bbcode

I want to use markItUp to allow users to format their text using bbcode, but the preview isn't working.
I've downloaded markItUp 1.1.8 from the site and tested this locally. The default behaviour is to use HTML code for formatting, and pressing preview renders the code as html and displays the formatting.
I've downloaded the "basic bbcode set" from the same markItUp website and put this folder into the "sets" folder as instructed. I have changed the path of the js file from markitup/sets/default/set.js to markitup/sets/bbcode/set.js as instructed. And the same with the css file.
If I test the markItUp editor now it allows me to add bbcode to my text, but if I press preview, it doesnt render my bbcode as formatted text.
I read on the markItUp website that I have to use a bbcode parser to make the preview work, so I have downloaded "markItUp! Php BBCode Parser" from the website. I've placed this in the root directory of my markItUp files, and in the jquery.markitup.js file I've written the path to the parser as instructed. The path I've used is ~/markitup.bbcode-parser.php
But this isn't working. The preview is just displaying nonsense if I test locally, or a plain white box if I test in my localhost.

Related

Sublime Text syntax highlighting html files as babel/javascript

Now that I have Babel installed for my React development I noticed that when I open .html files the syntax highlighting is set to javascript (babel) instead of HTML. How can I fix this? Here are also a couple of images that might help. Also a little extra thing, I am using the Afterglow theme for sublime text, and how can I remove the annoying padding on the last image underneath the tabs? You can see a few pixels of space which really annoys me.
You have probably overridden the default language settings for HTML files. You can verify this in the Syntax settings.
Open the View menu
Open the Syntax sub-menu
Open the settings for HTML
If my assumption is true, edit (or delete?) the settings for HTML.
Otherwise, you can assign a syntax to an extension through the same menu.
Open a HTML file
Open the View menu
Open the Syntax sub-menu
Select HTML in the Open all files with current extension as… sub-menu

How to load default HTML file in sublime text 3?

Am using Sublime Text 3 and have seen some people loading default HTML content / template just by typing words like html5or doctype. Which package do i need to use for getting same control ?
The html snippit is included in Sublime Text 3 by default.
From an empty file, set the syntax to HTML (either by saving the empty file with a .html extension, or by pressing Ctrl+Shift+P to open the command bar, and searching for "Set Syntax: HTML").
Then type html into the file, and press tab. Sublime Text should expand the snippet, giving you a basic HTML file with doctype, head, and body tags.
Try emmet plugin. It provides this sort of functionality. https://emmet.io/

how to insert an image on the home page which can be edited later?

I am working with OpenCart 2.0.1.1.
I want to add an image on the homepage which can be later edited.
So Could anyone give me some step by step guide to create such thing ?
You can use below solution for adding image -
Go to Extensions > Modules > HTML Content (If not installed then install it.Click Edit button at the right).
Enter Module Name (put any name to recognize it).
Click Code View button </> in Content area visual editor to switch editor to HTML mode.You can add images here.
Make Status as Enabled. Save it.
Now Go to System> Design > Layouts and edit Home layout and add above created module to it.

How can I configure Dreamweaver CS5 so that files with extension .less are edited with zen-coding?

How can I configure DW so that files with extension .less are edited with zen-coding?
I can use within the zencoding notepad + + on windows normally. But now I want to use the same way inside DW.
Edit (Dreamweaver on Mac) -> Preferences, File Types/Editors
Click the plus (+) button on the left-hand list. Enter ".less" without quotes. With the .less entry selected, click the plus (+) button on the right-hand list, browse to and select the application that you want to open .less files with. Then click OK to apply the changes. Then double click a .less file in the files panel and it will open up with the specified application.
Re-reading the question, I can see that maybe it is ambiguously asking how to add .less files as an editable file type so that Dreamweaver can edit the file. If so, then follow the steps in this Adobe technote:
http://kb2.adobe.com/cps/164/tn_16410.html
You will need to search for the configuration configuration folder of the version of your dreamweaver. For example: if you are using version CS6, "c:\users[computer name]\appdata\roaming\adobe\dreamweaver cs6\en-us\configuration\menus\menus.xml"
You will now need to open the menu.xml file using either notepad or wordpad or any text editor then search for zencoding
change
to
Save the file and restart your dreamweaver.
try div#name and it should give you
I hope this works for you.

Spry menu doesnt work on another server

I created a few linked pages on dreamweaver. When I send them all through a zipped file to another computer to test it, the image on all pages works fine. However the spry menu does not appear. Instead, all the text from the menu appears vertically down the page, despite including all of the spry assets in the zip file.
Anybody know how I can fix this or have an idea of where i am going wrong?
If all of the menu code is appearing as a list, it means that the page is not finding the Spry CSS and/or JS files. Check the calls to those files in the HTML again.

Resources