institucional-brasil/assets/libs/tinymce/tests/manual/noneditable.html

68 lines
3.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Noneditable plugin manual tests</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- TinyMCE -->
<script src="../js/tinymce/tinymce.dev.js"></script>
<script>
tinymce.init({
// General options
mode : "textareas",
plugins : "autolink,lists,pagebreak,layer,table,save,emoticons,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,template,wordcount,advlist,noneditable",
// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emoticons,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
add_unload_trigger: false,
// Example content CSS (should be your site CSS)
content_css : "css/noneditable_manual.css",
noneditable_regexp: /\[\[[^\]]+\]\]/g
});
</script>
<!-- /TinyMCE -->
</head>
<body role="application">
<form method="post" action="http://www.tinymce.com/dump.php?example=true">
<div>
<h3>Noneditable plugin manual tests</h3>
<div>
<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
&lt;p&gt;
Editable &lt;span class="mceNonEditable"&gt;[non editable]&lt;/span&gt; editable.
&lt;/p&gt;
&lt;p class="mceNonEditable"&gt;
Non editable block &lt;span class="mceEditable"&gt;[editable]&lt;/span&gt; with more text.
&lt;/p&gt;
&lt;p&gt;&lt;span class="mceNonEditable"&gt;[non editable]&lt;/span&gt;&lt;span class="mceNonEditable"&gt;[non editable]&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;
Editable &lt;span class="mceNonEditable"&gt;[non editable]&lt;/span&gt;&lt;span class="mceNonEditable"&gt;[non editable]&lt;/span&gt; editable.
&lt;/p&gt;
&lt;p&gt;[[item1]][[item2]]&lt;/p&gt;
</textarea>
</div>
<a href="javascript:;" onclick="alert(tinymce.get('elm1').getContent());return false;">[Get contents]</a>
<a href="javascript:;" onclick="alert(tinymce.get('elm1').getContent({format: 'raw'}));return false;">[Get contents raw]</a>
<a href="javascript:;" onclick="alert(tinymce.get('elm1').selection.getContent());return false;">[Get selected]</a>
<a href="javascript:;" onclick="alert(tinymce.get('elm1').selection.getContent({format : 'raw'}));return false;">[Get selected raw]</a>
</div>
</form>
<script>
if (document.location.protocol == 'file:') {
alert("The examples might not work properly on the local file system due to security settings in your browser. Please use a real webserver.");
}
</script>
</body>
</html>