Skip to content

Commit 42be84a

Browse files
MitchC1999MitchC1999
committed
TINY: Update demos to TinyMCE 8
1 parent 75d8ea1 commit 42be84a

27 files changed

+66
-73
lines changed

‎cool-demos/conditional-blocks.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
<meta charset="utf-8">
1616
<title>Conditional blocks</title>
1717
<meta name="viewport" content="width=device-width, initial-scale=1">
18-
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5-dev/tinymce.min.js" referrerpolicy="origin"></script>
18+
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8/tinymce.min.js" referrerpolicy="origin"></script>
1919

2020
<script>
2121
tinymce.init({

‎cool-demos/expand-editor-and-show-toolbar.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,12 @@
1010
<meta charset="utf-8">
1111
<title>Expand and show toolbar demo</title>
1212
<meta name="viewport" content="width=device-width, initial-scale=1">
13-
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5-dev/tinymce.min.js" referrerpolicy="origin"></script>
13+
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8/tinymce.min.js" referrerpolicy="origin"></script>
1414

1515
<script>
1616
tinymce.init({
1717
selector: "#editor-content",
18-
plugins: "emoticons hr image link lists charmap table",
18+
plugins: "emoticons image link lists charmap table",
1919
toolbar: "formatgroup paragraphgroup insertgroup",
2020
placeholder: "Ask a question or post an update...",
2121
menubar: false,
@@ -206,7 +206,7 @@
206206
font-weight: strong;
207207
}
208208

209-
hr {
209+
{
210210
margin: 1.5rem 0;
211211
padding: .5rem 0;
212212
border: 0;

‎cool-demos/slash-commands.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<meta charset="utf-8">
1212
<title>Slash commands plugin</title>
1313
<meta name="viewport" content="width=device-width, initial-scale=1">
14-
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5-dev/tinymce.min.js" referrerpolicy="origin"></script>
14+
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8/tinymce.min.js" referrerpolicy="origin"></script>
1515

1616
<script>
1717
// Register a TinyMCE plugin
@@ -200,7 +200,7 @@
200200
tinymce.init({
201201
selector: "textarea",
202202
// Remember to include all relevant plugins here which you included in your `insertActions` array above
203-
plugins: "commandpalette insertdatetime lists link code table toc hr image codesample media checklist",
203+
plugins: "commandpalette insertdatetime lists link code table toc image codesample media checklist",
204204
height: 400,
205205
});
206206
</script>

‎email/marketing-email-inline-mode-fixed-toolbar.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
<meta charset="utf-8">
2020
<title>Marketing email editor using inline mode and fixed toolbar</title>
2121
<meta name="viewport" content="width=device-width, initial-scale=1">
22-
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5-dev/tinymce.min.js" referrerpolicy="origin"></script>
22+
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8/tinymce.min.js" referrerpolicy="origin"></script>
2323
<script>
2424
tinymce.init({
2525
selector:'.tinymce',
@@ -34,7 +34,7 @@
3434
// This option allows you to specify the buttons and the order that they
3535
// will appear on TinyMCE’s toolbar.
3636
// https://www.tiny.cloud/docs/configure/editor-appearance/#toolbar
37-
toolbar: 'undo redo | styleselect | bold italic underline strikethrough | forecolor backcolor | link image emoticons | alignleft aligncenter alignright | bullist numlist | code removeformat',
37+
toolbar: 'undo redo | styles | bold italic underline strikethrough | forecolor backcolor | link image emoticons | alignleft aligncenter alignright | bullist numlist | code removeformat',
3838

3939
// Toggle the menubar off to get a leaner visual experience
4040
// https://www.tiny.cloud/docs/configure/editor-appearance/#menubar

‎email/marketing-email-inline-mode.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
<meta charset="utf-8">
2020
<title>Marketing email editor using inline mode</title>
2121
<meta name="viewport" content="width=device-width, initial-scale=1">
22-
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5-dev/tinymce.min.js" referrerpolicy="origin"></script>
22+
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8/tinymce.min.js" referrerpolicy="origin"></script>
2323
<script>
2424
tinymce.init({
2525
selector:'.tinymce',
@@ -34,7 +34,7 @@
3434
// This option allows you to specify the buttons and the order that they
3535
// will appear on TinyMCE’s toolbar.
3636
// https://www.tiny.cloud/docs/configure/editor-appearance/#toolbar
37-
toolbar: 'styleselect | bold italic underline | link image emoticons | align bullist numlist | code removeformat',
37+
toolbar: 'styles | bold italic underline | link image emoticons | align bullist numlist | code removeformat',
3838

3939
// Toggle the menubar off to get a leaner visual experience
4040
// https://www.tiny.cloud/docs/configure/editor-appearance/#menubar

‎email/webmail-rich-text-editor.html‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<meta charset="utf-8">
99
<title>Rich text webmail editor demo</title>
1010
<meta name="viewport" content="width=device-width, initial-scale=1">
11-
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5-dev/tinymce.min.js" referrerpolicy="origin"></script>
11+
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8/tinymce.min.js" referrerpolicy="origin"></script>
1212
<script>
1313
tinymce.init({
1414
selector:'#editor',
@@ -47,7 +47,7 @@
4747
formatgroup: {
4848
icon: 'format',
4949
tooltip: 'Formatting',
50-
items: 'fontselect | formatselect | bold italic underline strikethrough forecolor | align bullist numlist outdent indent blockquote'
50+
items: 'fontselect | styles | bold italic underline strikethrough forecolor | align bullist numlist outdent indent blockquote'
5151
}
5252
},
5353

@@ -58,9 +58,9 @@
5858
// The formats option is where custom formatting options are defined.
5959
// In this case we define a couple of headings and text formats.
6060
// The p is configured to match against multiple formats to make sure
61-
// the styleselect toolbar menu button shows paragraphs as enabled on
61+
// the styles toolbar menu button shows paragraphs as enabled on
6262
// p tags that lacks style attribute. The first item in the array will
63-
// be the one applied when choosing the format via the styleselect
63+
// be the one applied when choosing the format via the styles
6464
// toolbar button.
6565
// https://www.tiny.cloud/docs/configure/content-formatting/#formats
6666
formats: {
@@ -73,8 +73,8 @@
7373
small: { block: 'small', styles: { fontSize: '12px', color: '#aaaaaa' } }
7474
},
7575

76-
// An alternative to the styleselect toolbar button is the formatselect button
77-
// which is a simpler version of the styleselect button. It is configured
76+
// An alternative to the styles toolbar button is the styles button
77+
// which is a simpler version of the styles button. It is configured
7878
// using the block_formats option.
7979
// https://www.tiny.cloud/docs/configure/editor-appearance/#block_formats
8080
block_formats: 'Normal=p; Heading=h1; Sub heading=h2; Small=small',

‎images/image-alt-text-context-form.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<meta charset="utf-8">
1111
<title>Set an image alt text using context forms</title>
1212
<meta name="viewport" content="width=device-width, initial-scale=1">
13-
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5-dev/tinymce.min.js" referrerpolicy="origin"></script>
13+
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8/tinymce.min.js" referrerpolicy="origin"></script>
1414

1515
<script>
1616
tinymce.init({
@@ -26,7 +26,7 @@
2626
// This option allows you to specify the buttons and the order that they
2727
// will appear on TinyMCE’s toolbar.
2828
// https://www.tiny.cloud/docs/configure/editor-appearance/#toolbar
29-
toolbar: 'formatselect | bold italic underline | link image | code',
29+
toolbar: 'styles | bold italic underline | link image | code',
3030

3131
// To make sure the toolbar never scrolls out of view which can happen when
3232
// writing very long texts while using the autoresize plugin. This option

‎images/toggle-image-size-context-toolbar.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<meta charset='utf-8'>
99
<title>Toggle between image sizes and layouts</title>
1010
<meta name='viewport' content='width=device-width, initial-scale=1'>
11-
<script src='https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5-dev/tinymce.min.js' referrerpolicy='origin'></script>
11+
<script src='https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8/tinymce.min.js' referrerpolicy='origin'></script>
1212
<script>
1313
// An iconpack holds our custom button's SVG icons.
1414
// Tip! A custom icon pack does not have to be a separate file
@@ -54,7 +54,7 @@
5454

5555
// Define the toolbar that shows up when selecting text based content
5656
// https://www.tiny.cloud/docs/plugins/quickbars/#quickbars_selection_toolbar
57-
quickbars_selection_toolbar: 'formatselect | bold italic underline backcolor | align bullist | quicklink code',
57+
quickbars_selection_toolbar: 'styles | bold italic underline backcolor | align bullist | quicklink code',
5858

5959
// Define the toolbar that shows up when selecting images. Notice the
6060
// custom botton we have put last. See further down how it's set up.

‎tables/customizing-the-table-toolbar.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<meta charset="utf-8">
1414
<title>An alternate table context toolbar</title>
1515
<meta name="viewport" content="width=device-width, initial-scale=1">
16-
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5-dev/tinymce.min.js" referrerpolicy="origin"></script>
16+
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8/tinymce.min.js" referrerpolicy="origin"></script>
1717
<script>
1818
// An iconpack holds a custom button SVG icon.
1919
// Tip! A custom icon pack does not have to be a separate file
@@ -41,7 +41,7 @@
4141
// This option allows you to specify the buttons and the order that they
4242
// will appear on TinyMCE’s toolbar.
4343
// https://www.tiny.cloud/docs/configure/editor-appearance/#toolbar
44-
toolbar: 'styleselect | bold italic underline | inserttable link image emoticons | align bullist numlist | code removeformat',
44+
toolbar: 'styles | bold italic underline | inserttable link image emoticons | align bullist numlist | code removeformat',
4545

4646
//Set the height of the editor. Tip: Any css value is accepted as a string.
4747
// https://www.tiny.cloud/docs/configure/editor-appearance/#height

‎tables/table-row-templates.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
<meta charset="utf-8">
1616
<title>Table row templates</title>
1717
<meta name="viewport" content="width=device-width, initial-scale=1">
18-
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
18+
<script src="https://cdn.tiny.cloud/1/qagffr3pkuv17a8on1afax661irst1hbr4e6tbv888sz91jc/tinymce/8/tinymce.min.js" referrerpolicy="origin"></script>
1919
<script>
2020
tinymce.init({
2121
selector:'#editor',
@@ -30,7 +30,7 @@
3030
// This option allows you to specify the buttons and the order that they
3131
// will appear on TinyMCE’s toolbar.
3232
// https://www.tiny.cloud/docs/configure/editor-appearance/#toolbar
33-
toolbar: 'styleselect | bold italic underline forecolor backcolor | table link image emoticons | align bullist numlist | code removeformat',
33+
toolbar: 'styles | bold italic underline forecolor backcolor | table link image emoticons | align bullist numlist | code removeformat',
3434

3535
// The Naked premium skin provides a clean look.
3636
// You can also easily create your own borderless skin too.

0 commit comments

Comments
 (0)