PageRenderTime 47ms CodeModel.GetById 21ms RepoModel.GetById 0ms app.codeStats 0ms

/assets/tinymce/tests/manual/removeformat.html

https://gitlab.com/gricelya/test
HTML | 76 lines | 66 code | 7 blank | 3 comment | 0 complexity | d10243ddb01bba73921f37f0c675a1dc MD5 | raw file
    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. <title>Full featured example</title>
    5. 

  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    6. 

  6. <script src="../js/tinymce_loader.js"></script>
    7. 

  7. <script>
    8. 

  8. 	tinymce.init({
    9. 

  9. 		mode: "textareas",
    10. 

  10. 		plugins: "pagebreak,layer,table,save,emoticons,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,template,tabfocus",
    11. 

  11. 		add_unload_trigger: 0
    12. 

  12. 	});
    13. 

  13. </script>
    14. 

  14. <!-- /TinyMCE -->
    15. 

  15. 

  16. </head>
    17. 

  17. <body>
    18. 

  18. 

  19. <form method="post" action="http://www.tinymce.com/dump.php?example=true">
    20. 

  20. 	<div>
    21. 

  21. 		<h3>Full featured example</h3>
    22. 

  22. 

  23. 		<p>
    24. 

  24. 			This page shows all available buttons and plugins that are included in the TinyMCE core package.
    25. 

  25. 			There are more examples on how to use TinyMCE in the <a href="http://wiki.moxiecode.com/examples/tinymce/">Wiki</a>.
    26. 

  26. 		</p>
    27. 

  27. 

  28. 		<!-- Gets replaced with TinyMCE, remember HTML in a textarea should be encoded -->
    29. 

  29. 		<div>
    30. 

  30. 			<textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%">
    31. 

  31. 				<p>text1 <span style="color:red">middle</span> text2</p>
    32. 

  32. 				<p><b><em>xyz<span style="color:red">---</span>123</em></b></p>
    33. 

  33. 				<p><b><em>xyz<span style="color:green">---</span>123</em></b></p>
    34. 

  34. 				<table>
    35. 

  35. 					<tr>
    36. 

  36. 						<td><span style="color:green"><b>bold 1</b><em>italic 1</em></span></td>
    37. 

  37. 						<td><b>bold 2</b><em>italic 2</em></td>
    38. 

  38. 					</tr>
    39. 

  39. 					<tr>
    40. 

  40. 						<td><b>bold 3</b><em><a href="#">italic 3</a></em></td>
    41. 

  41. 						<td><b>bold 4</b><em>italic 4</em></td>
    42. 

  42. 					</tr>
    43. 

  43. 				</table>
    44. 

  44. 				<p><b><em>xyz<span style="color:red">---</span>123</em></b></p>
    45. 

  45. 				<ul>
    46. 

  46. 					<li><b><em>test 1</em></b><b><em>test 2</em></b></li>
    47. 

  47. 					<li><b><em>test 1</em></b><b><em>test 2</em></b></li>
    48. 

  48. 				</ul>
    49. 

  49. 				<p><b><em>xyz<span style="color:green">---</span>123</em></b></p>
    50. 

  50. 				<p>text 1</p>
    51. 

  51. 				<p>text 2</p>
    52. 

  52. 				<p>text 3</p>
    53. 

  53. 				<p>text 4</p>
    54. 

  54. 			</textarea>
    55. 

  55. 		</div>
    56. 

  56. 

  57. 		<!-- Some integration calls -->
    58. 

  58. 		<a href="javascript:;" onmousedown="tinymce.get('elm1').show();">[Show]</a>
    59. 

  59. 		<a href="javascript:;" onmousedown="tinymce.get('elm1').hide();">[Hide]</a>
    60. 

  60. 		<a href="javascript:;" onmousedown="tinymce.get('elm1').execCommand('Bold');">[Bold]</a>
    61. 

  61. 		<a href="javascript:;" onmousedown="alert(tinymce.get('elm1').getContent());">[Get contents]</a>
    62. 

  62. 		<a href="javascript:;" onmousedown="alert(tinymce.get('elm1').getContent({format:'raw'}));">[Get raw]</a>
    63. 

  63. 		<a href="javascript:;" onmousedown="alert(tinymce.get('elm1').selection.getContent());">[Get selected HTML]</a>
    64. 

  64. 		<a href="javascript:;" onmousedown="alert(tinymce.get('elm1').selection.getContent({format : 'text'}));">[Get selected text]</a>
    65. 

  65. 		<a href="javascript:;" onmousedown="alert(tinymce.get('elm1').selection.getNode().nodeName);">[Get selected element]</a>
    66. 

  66. 		<a href="javascript:;" onmousedown="tinymce.execCommand('mceInsertContent',false,'<b>Hello world!!</b>');">[Insert HTML]</a>
    67. 

  67. 		<a href="javascript:;" onmousedown="tinymce.execCommand('mceReplaceContent',false,'<b>{$selection}</b>');">[Replace selection]</a>
    68. 

  68. 

  69. 		<br />
    70. 

  70. 		<input type="submit" name="save" value="Submit" />
    71. 

  71. 		<input type="reset" name="reset" value="Reset" />
    72. 

  72. 	</div>
    73. 

  73. </form>
    74. 

  74. 

  75. </body>
    76. 

  76. </html>
    77. 

  77.