Skip to content

Commit 0d1be97

Browse files
authored
DOC-3309: Update content for various documentation demos. (#3908)
* DOC-3309: Update content for various documentation demos. * DOC-3309: add note about mediaembed in js code for demo. * DOC-3309: add example.js to full-feature-demo. * DOC-3309: Remove comments, and mentions of compatibility issues with cross plugins. * Apply suggestion from @kemister85 * DOC-3309: Update excluded plugins list from full-feature demo table.
1 parent 681b0a6 commit 0d1be97

File tree

8 files changed

+916
-200
lines changed

8 files changed

+916
-200
lines changed
Lines changed: 42 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,46 @@
11
<textarea id="basic-example">
2-
{{logofordemoshtml}}
3-
<h2 style="text-align: center;">Welcome to the TinyMCE editor demo!</h2>
4-
5-
<h2>Got questions or need help?</h2>
6-
2+
<h1 style="text-align: left;">Welcome to the TinyMCE editor demo!</h1>
3+
<p>Meet <strong>TinyMCE, </strong>the Internet's most&nbsp;<span style="background-color: #eccafa;">battle-tested rich text editor</span> with over 60 features including: <em>Advanced formatting, </em><span style="color: #ba372a;"><strong><em>Export to and from Word and PDF, </em></strong></span><span style="font-family: 'times new roman', times, serif; font-size: 14pt;">Accessibility and spelling checkers</span>,&nbsp;Mentions and comments, and <strong><span style="color: #169179;">an AI assistant</span></strong>.</p>
4+
<p><span style="font-family: terminal, monaco, monospace;">TinyMCE is easy to implement and configure</span>. <a href="https://www.tiny.cloud/auth/signup/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Try it out yourself today</a>.</p>
5+
<h2>⭐️ Popular features (including paid subscription plugins)</h2>
76
<ul>
8-
<li>Our <a href="{{site-url}}/tinymce/8/">documentation</a> is a great resource for learning how to configure TinyMCE.</li>
9-
<li>Have a specific question? Try the <a href="{{communitysupporturl}}" target="_blank" rel="noopener"><code>{{prodnamecode}}</code> tag at Stack Overflow</a>.</li>
10-
<li>We also offer enterprise grade support as part of <a href="{{pricingpage}}">TinyMCE premium plans</a>.</li>
7+
<li>Collaborate with <a href="https://www.tiny.cloud/docs/tinymce/latest/mentions/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">@Mentions</a>, <a href="https://www.tiny.cloud/docs/tinymce/latest/introduction-to-tiny-comments/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">discuss using Comments</a> and review changes using <a href="https://www.tiny.cloud/docs/tinymce/latest/suggestededits/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Suggested Edits</a> and keep an audit trail with <a href="https://www.tiny.cloud/docs/tinymce/latest/revisionhistory/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Revision history</a>.</li>
8+
<li><a href="https://www.tiny.cloud/docs/tinymce/latest/introduction-to-powerpaste/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Paste from MS Word</a> and retain formatting. You can even <a href="https://www.tiny.cloud/docs/tinymce/latest/importword/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">import Word documents</a>!&nbsp;</li>
9+
<li>Power your email editor with <a href="https://www.tiny.cloud/docs/tinymce/latest/mergetags/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Merge tags</a> and <a href="https://www.tiny.cloud/docs/tinymce/latest/inline-css/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Inline CSS output</a>.</li>
10+
<li>Hit the highest standards with <a href="https://www.tiny.cloud/docs/tinymce/latest/introduction-to-tiny-spellchecker/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Spell Checker</a>, <a href="https://www.tiny.cloud/docs/tinymce/latest/a11ychecker/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Accessibility Checker</a>, <a href="https://www.tiny.cloud/docs/tinymce/latest/advanced-typography/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Advanced Typography</a> and <a href="https://www.tiny.cloud/docs/tinymce/latest/linkchecker/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Link Checker</a>.</li>
1111
</ul>
12-
13-
<h2>A simple table to play with</h2>
14-
15-
<table style="border-collapse: collapse; width: 100%;" border="1">
16-
<thead>
17-
<tr>
18-
<th>Product</th>
19-
<th>Cost</th>
20-
<th>Really?</th>
21-
</tr>
22-
</thead>
23-
<tbody>
24-
<tr>
25-
<td style="text-align: center;">TinyMCE</td>
26-
<td style="text-align: center;">Free</td>
27-
<td style="text-align: center;">YES!</td>
28-
</tr>
29-
</tbody>
12+
<p><iframe src="https://www.youtube.com/embed/YpcfDYYWmK0" width="560" height="314" allowfullscreen="allowfullscreen"></iframe></p>
13+
<h2>🖖 Get TinyMCE</h2>
14+
<table style="border-collapse: collapse; width: 100%; height: 143.125px;" border="1"><colgroup><col style="width: 33.306581%;"><col style="width: 33.306581%;"><col style="width: 33.306581%;"></colgroup>
15+
<thead>
16+
<tr style="height: 35.78125px; background-color: #ecf0f1; text-align: center;">
17+
<td colspan="3"><strong>TinyMCE meets all your architecture requirements.</strong></td>
18+
</tr>
19+
</thead>
20+
<tbody>
21+
<tr style="height: 35.78125px;">
22+
<td><strong>Cloud</strong></td>
23+
<td><a href="https://www.tiny.cloud/auth/signup/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Sign-up for free</a></td>
24+
<td>Always up to date, easy to maintain</td>
25+
</tr>
26+
<tr style="height: 35.78125px;">
27+
<td><strong>Self-hosted</strong></td>
28+
<td><a href="https://www.tiny.cloud/pricing/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Let's talk</a></td>
29+
<td>With enterprise level support</td>
30+
</tr>
31+
<tr style="height: 35.78125px;">
32+
<td><strong>Open source</strong></td>
33+
<td><a href="https://github.com/tinymce/tinymce?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Download today</a></td>
34+
<td>Available under the GPLv2+ license</td>
35+
</tr>
36+
</tbody>
3037
</table>
31-
32-
<h2>Found a bug?</h2>
33-
34-
<p>
35-
If you think you have found a bug please create an issue on the <a href="https://github.com/tinymce/tinymce/issues">GitHub repo</a> to report it to the developers.
36-
</p>
37-
38-
<h2>Finally …</h2>
39-
40-
<p>
41-
Need file uploads in your app? Consider using <a href="https://www.tiny.cloud/docs/tinymce/latest/uploadcare/" target="_blank" rel="noopener noreferrer">Uploadcare</a> with TinyMCE for a fast, modern upload experience.
42-
</p>
43-
<p>
44-
Thanks for supporting TinyMCE! We hope it helps you and your users create great content.<br>All the best from the TinyMCE team.
45-
</p>
46-
</textarea>
38+
<h2>Why TinyMCE 👀</h2>
39+
<ol>
40+
<li><strong>Out-of-the-box features save dev time.</strong> From tables and spell checking to full collaboration and accessibility compliance, TinyMCE offers features you&rsquo;d otherwise spend months building.</li>
41+
<li><strong>Built to scale with you.</strong> TinyMCE powers applications with millions of users. Its performance, reliability, and architecture are built for scale, from early MVPs to global platforms.</li>
42+
<li><strong>Works where you build.</strong> Whether you're using React, Vue, Angular, or vanilla JavaScript&mdash;or embedding it in SaaS platforms or internal tools&mdash;TinyMCE integrates smoothly into your stack.</li>
43+
<li><strong>No one has been doing this longer.</strong> You benefit from 20+ years of stability, security, feature, accessibility, documentation improvements, and enterprise support services.</li>
44+
</ol>
45+
<p style="text-align: center;">❤️ <a href="https://www.tiny.cloud/auth/signup/?utm_campaign=tiny_docs&amp;utm_source=site&amp;keyword=docs">Go build something today</a></p>
46+
</textarea>

modules/ROOT/examples/live-demos/basic-example/index.js

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,9 @@ tinymce.init({
44
plugins: [
55
'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview',
66
'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen',
7-
'insertdatetime', 'media', 'table', 'help', 'wordcount'
7+
'insertdatetime', 'media', 'table', 'help', 'wordcount',
8+
/* Premium plugins for demo purposes only */
9+
'mediaembed',
810
],
911
toolbar: 'undo redo | blocks | ' +
1012
'bold italic backcolor | alignleft aligncenter ' +

0 commit comments

Comments
 (0)