Mercurial Hosting > freedit

annotate src/test/sceditor.html @ 37:7076fd22fda5

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
minor
author Franklin Schmidt <fschmidt@gmail.com>
date Thu, 04 Aug 2022 17:21:56 -0600
parents b54e9e2212b7
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
36
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
1 <!doctype html>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
2 <html>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
3 <head>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
4 <meta name="viewport" content="width=device-width, initial-scale=1">
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
5 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sceditor@3/minified/themes/default.min.css" />
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
6 <style>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
7 xtextarea {
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
8 width: 100%;
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
9 height: 200px;
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
10 }
37
Franklin Schmidt <fschmidt@gmail.com>
parents: 36
diff changeset
11 div.sceditor-container input[type="text"] {
Franklin Schmidt <fschmidt@gmail.com>
parents: 36
diff changeset
12 width: 300px;
Franklin Schmidt <fschmidt@gmail.com>
parents: 36
diff changeset
13 }
36
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
14 </style>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
15 <script src="https://cdn.jsdelivr.net/npm/sceditor@3/minified/sceditor.min.js"></script>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
16 <script src="https://cdn.jsdelivr.net/npm/sceditor@3/minified/formats/bbcode.min.js"></script>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
17 <script src="https://cdn.jsdelivr.net/npm/sceditor@3/minified/icons/monocons.min.js"></script>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
18 <script src="https://cdn.jsdelivr.net/npm/sceditor@3/minified/icons/material.min.js"></script>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
19 <script>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
20 sceditor.icons.material.icons.strike = '<path d="M23,12V14H18.61C19.61,16.14 19.56,22 12.38,22C4.05,22.05 4.37,15.5 4.37,15.5L8.34,15.55C8.37,18.92 11.5,18.92 12.12,18.88C12.76,18.83 15.15,18.84 15.34,16.5C15.42,15.41 14.32,14.58 13.12,14H1V12H23M19.41,7.89L15.43,7.86C15.43,7.86 15.6,5.09 12.15,5.08C8.7,5.06 9,7.28 9,7.56C9.04,7.84 9.34,9.22 12,9.88H5.71C5.71,9.88 2.22,3.15 10.74,2C19.45,0.8 19.43,7.91 19.41,7.89Z" />';
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
21
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
22 function init() {
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
23 let textarea = document.querySelector('textarea');
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
24 sceditor.create(textarea, {
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
25 style: 'https://cdn.jsdelivr.net/npm/sceditor@3/minified/themes/content/default.min.css',
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
26 format: 'bbcode',
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
27 toolbar: 'source|link,image,youtube|code,bold,italic,underline,strike,superscript,size,color|quote,orderedlist,bulletlist',
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
28 autoExpand: true,
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
29 resizeMaxHeight: -1,
37
Franklin Schmidt <fschmidt@gmail.com>
parents: 36
diff changeset
30 //resizeEnabled: false,
36
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
31 width: '100%',
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
32 height: 100,
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
33 emoticonsEnabled: false,
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
34 icons: 'material',
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
35 });
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
36 }
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
37 </script>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
38 </head>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
39 <body onload="init()">
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
40 <p>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
41 <a href="https://www.sceditor.com/">SCEditor</a>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
42 </p>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
43 <textarea></textarea>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
44 </body>
b54e9e2212b7 try sceditor
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
45 </html>