Skip to content

Instantly share code, notes, and snippets.

@kuno
Created February 20, 2012 03:24
Show Gist options
  • Save kuno/1867569 to your computer and use it in GitHub Desktop.
Save kuno/1867569 to your computer and use it in GitHub Desktop.
The html structure of uEditor page
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="jquery.muEditor.js" type="text/javascript"></script>
<script src="jquery.muEditor.i18n.js" type="text/javascript"></script>
<link rel="stylesheet" href="muEditor.css" type="text/css" media="screen">
<script type="text/javascript">
$(document).ready(function() {
$.extend($.uEditorToolbarItems, {
myNewButton : {
action : function() {
alert('The first button has been pressed');
},
className : 'myButtonClass',
label : 'My button text'
},
mySecondNewButton : {
action : function() {
},
label : 'a label',
id: 'someid',
className : 'mySecondButtonClass'
}
});
$('.uEditorCustom').uEditor({
translation : uEditorI18N.en,
toolbarItems : ['link', 'image', 'mySecondNewButton'],
stylesheet : 'myCustomContent.css',
containerClass : 'uEditor'
}, function(editor) {
//
});
});
</script>
<title>uEditor Demo</title>
</head>
<body>
<h1>uEditor Demo</h1>
<form action="#">
<div class="uEditor" style=""><ul class="uEditorToolbar"><li><a title="Hyperlink" class="uEditorButtonHyperlink" href="javascript:void(0)">Hyperlink</a></li><li><a title="Insert image" class="uEditorButtonImage" href="javascript:void(0)">Insert image</a></li><li><a title="a label" id="someid" class="mySecondButtonClass" href="javascript:void(0)">a label</a></li></ul><iframe class="uEditorIframe"></iframe><input type="hidden" name="textarea" value="&lt;strong&gt;&lt;em&gt;uEditor&lt;/em&gt; rocks !&lt;/strong&gt;"></div>
</form>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment