setEntry() and replaceMenu() now allow to define titles with HTML markup

Closed mar10#54

Author: mar10

CHANGELOG.md

@@ -1,6 +1,7 @@
 # 1.3.0 / unreleased
 
-* [FEATURE] New optional parameter open(..., extraData)
+* [FEATURE] New optional parameter open(..., extraData).
+* [CHANGE] `setEntry()` and `replaceMenu()` now allow to define titles with HTML markup.
 
 # 1.2.4 / 2013-12-25
 

demo/index.html

@@ -81,7 +81,7 @@
 		preventSelect: true,
 		taphold: true,
 		menu: [
-			{title: "Cut", cmd: "cut", uiIcon: "ui-icon-scissors"},
+			{title: "<strong>Cut</strong>", cmd: "cut", uiIcon: "ui-icon-scissors"},
 			{title: "Copy", cmd: "copy", uiIcon: "ui-icon-copy"},
 			{title: "Paste", cmd: "paste", uiIcon: "ui-icon-clipboard", disabled: true },
 			{title: "----"},
@@ -213,7 +213,7 @@ <h3>Sample 2</h3>
 
 	<ul id="options" style="display: none;">
 		<li><a href="#action1"><span class="ui-icon custom-icon-firefox"></span>Action 1</a>
-		<li><a href="#action2"><span class="ui-icon ui-icon-heart"></span>Action 2</a>
+		<li><a href="#action2"><span class="ui-icon ui-icon-heart"></span><strong>Action</strong> 2</a>
 		<li class="ui-state-disabled"><a href="#action3">Action 3</a>
 		<li>----
 		<li><a>Extra</a>

jquery.ui-contextmenu.js

@@ -313,7 +313,8 @@ $.extend($.moogle.contextmenu, {
 			$parentLi.text(entry.title);
 		}else{
 			$a = $("<a/>", {
-				text: "" + entry.title,
+//				text: "" + entry.title,
+				html: "" + entry.title, // allow to pass HTML markup
 				href: "#" + normCommand(entry.cmd)
 			}).appendTo($parentLi);
 			if( $.isFunction(entry.action) ){