Skip to content

Commit 9c8496f

Browse files
kemister85MitchC1999tiny-ben-trankimwoodfield
authored
DOC-3295: TinyMCE 8.2.0 Release Documentation. (#3866)
* DOC-3295: TinyMCE 8.2.0 Release Documentation. * TINY-12258: New `suggestededits_auto_approve` option (#3869) * TINY-12258: Add documentation for new `suggestededits_auto_approve` option * DOC-3223: Added release note entry for new suggestededits_auto_approve option --------- Co-authored-by: Karl Kemister-Sheppard <karlkemistersheppard@gmail.com> * DOC-3223: TinyMCE 8.2.0 Documentation and Community Changelog. (#3868) * DOC-3223: TinyMCE 8.2.0 Documentation and Community Changelog. * DOC-3223: Added support for loading web components into iframes. (#3888) * DOC-3223: Added support for loading web components into iframes. * DOC-3223: Add link to api docs for new getComponentUrls. * DOC-3223: Head element added to the same line as the meta element. (#3887) * DOC-3223: Some elements would be given an extra newline by the serializer when indented. (#3885) * DOC-3223: Tooltips on toolbar buttons sometimes remained visible if the button icon was updated while hovered. (#3873) * DOC-3223: UI elements like focus outlines and placeholders would be visible after printing. (#3877) * DOC-3223: Empty captions for floating images were not rendered correctly. (#3878) * DOC-3223: The cursor could get stuck around an absolute CEF element when navigating using arrow keys (#3879) * DOC: The cursor could get stuck around an absolute CEF element when navigating using arrow keys. * Update modules/ROOT/pages/8.2.0-release-notes.adoc Co-authored-by: tiny-ben-tran <ben.tran@tiny.cloud> * Update modules/ROOT/pages/8.2.0-release-notes.adoc Co-authored-by: tiny-ben-tran <ben.tran@tiny.cloud> * Update modules/ROOT/pages/8.2.0-release-notes.adoc Co-authored-by: tiny-ben-tran <ben.tran@tiny.cloud> --------- Co-authored-by: tiny-ben-tran <ben.tran@tiny.cloud> * DOC-3223: Encoding provided in the charset meta attribute would not be detected (#3882) * DOC-3223: Encoding provided in the charset meta attribute would not be detected. * Update modules/ROOT/pages/8.2.0-release-notes.adoc * DOC-3223: Some UI elements related to dragging elements were not properly filtered out when fetching content. (#3881) * DOC-3223: The editor would upon gaining focus scroll to the center of the editor on some browsers if the top of the editor was out of frame (#3883) * DOC-3223: The editor would upon gaining focus scroll to the center of the editor on some browsers if the top of the editor was out of frame. * DOC-3223: Update word phrasing. * DOC-3223: Pressing enter while focused on title input during category or template creation would submit even when the submit button was disabled. (#3884) * DOC-3223: The schema will now allow the RDFa attribute on elements. (#3886) * DOC-3223: The schema will now allow the RDFa attribute on elements. * Update modules/ROOT/pages/8.2.0-release-notes.adoc * DOC-3223: New js/commerciallicensekeymanager.js file to lazyload majority of plugin after editor init. (#3880) * DOC-3223: Suggestions now display the type of content that was changed (#3890) * DOC-3223: Operation descriptions now shows the type of content that was changed. * Update modules/ROOT/pages/8.2.0-release-notes.adoc Co-authored-by: Kim <45845989+kimwoodfield@users.noreply.github.com> * Update modules/ROOT/pages/8.2.0-release-notes.adoc Co-authored-by: Kim <45845989+kimwoodfield@users.noreply.github.com> * Apply suggestion from @kimwoodfield Co-authored-by: Kim <45845989+kimwoodfield@users.noreply.github.com> * Apply suggestion from @kimwoodfield Co-authored-by: Kim <45845989+kimwoodfield@users.noreply.github.com> * Apply suggestion from @kimwoodfield Co-authored-by: Kim <45845989+kimwoodfield@users.noreply.github.com> * Apply suggestion from @kimwoodfield Co-authored-by: Kim <45845989+kimwoodfield@users.noreply.github.com> * DOC-3223: Suggested edits and improvements to simpliy the context. * Update modules/ROOT/pages/8.2.0-release-notes.adoc Co-authored-by: Mitchell Crompton <mitchell.crompton@tiny.cloud> --------- Co-authored-by: Kim <45845989+kimwoodfield@users.noreply.github.com> Co-authored-by: Mitchell Crompton <mitchell.crompton@tiny.cloud> * DOC-3296: Rename `Image Optimizer` to `Media Optimizer`, add new `uc-video` documentation with supporting demos. (#3872) * DOC-3296: Rename Image Optimizer to Media Optimizer, add new UC-Video Documentation with supporting demos. * DOC-3223: rename uploadcare_disable_video_resize to uploadcare_enable_video_resize and remove from demos. * DOC-3296: Update uc-video supported files.adoc, file structure changes and improvements. * DOC-3296: fix ifeval blocks * DOC-3296: add missing uploadcare-video toolbar element. * DOC-3223: Remove unwanted options, demo cleanup and improvements. * DOC-3223: Update toolbar buttons across all three pages. * Apply suggestion from @kemister85 * Update modules/ROOT/examples/live-demos/uploadcare-full-feature/index.js Co-authored-by: tiny-ben-tran <ben.tran@tiny.cloud> * DOC-3223: Add missing uploadcare_resources option, cleanup of unsupported video_props. --------- Co-authored-by: tiny-ben-tran <ben.tran@tiny.cloud> * DOC-3223: Initial cleanup and checks. * DOC-3223: Add missing release note entries. * DOC-3223: revert 8-dev changes to antora.yml. * DOC-3223: add missing changelog item and release note fix. --------- Co-authored-by: tiny-ben-tran <ben.tran@tiny.cloud> Co-authored-by: Kim <45845989+kimwoodfield@users.noreply.github.com> Co-authored-by: Mitchell Crompton <mitchell.crompton@tiny.cloud> * Bump api-version to 8.2.0. --------- Co-authored-by: Mitchell Crompton <mitchell.crompton@tiny.cloud> Co-authored-by: tiny-ben-tran <ben.tran@tiny.cloud> Co-authored-by: Kim <45845989+kimwoodfield@users.noreply.github.com>
1 parent b350b15 commit 9c8496f

38 files changed

+1352
-224
lines changed

.api-version

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
8.1.2
1+
8.2.0
Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
<textarea id="suggestededits-auto-approve" suggestededits-model='{"history":{"2":[{"id":1,"uid":"james-wilson","timestamp":1752576936000,"feedback":"Nice improvement!"}]},"version":1,"contents":[{"type":"p","children":[{"type":"img","attrs":{"style":"display: block; margin-left: auto; margin-right: auto;","title":"Tiny Logo","src":"https://www.tiny.cloud/docs/images/logos/android-chrome-256x256.png","alt":"TinyMCE Logo","width":"128","height":"128"}}]},{"type":"h2","attrs":{"style":"text-align: center;"},"children":[{"text":"Welcome to the TinyMCE Suggested Edits "},{"text":"interactive ","opData":{"id":1,"type":"insert","uid":"alex-thompson","timestamp":1752015064000}},{"text":"demo!"}]},{"type":"p","attrs":{"style":"text-align: center;"},"children":[{"text":"Try out the Suggested Edits feature"},{"text":": type in the editor, apply formatting or delete some content. T","opData":{"id":2,"type":"insert","uid":"alex-thompson","timestamp":1752415064000}},{"text":" by typing in the editor and t","opData":{"id":2,"type":"remove","uid":"alex-thompson","timestamp":1752415064000}},{"text":"hen"},{"text":",","opData":{"id":3,"type":"insert","uid":"alex-thompson","timestamp":1752515064000}},{"text":" click"},{"text":"ing","opData":{"id":4,"type":"remove","uid":"alex-thompson","timestamp":1752515064000}},{"text":" the Review Changes button in the toolbar"},{"text":" to see your changes","opData":{"id":5,"type":"insert","uid":"kai-nakamura","timestamp":1752615064000}},{"text":"."}]},{"type":"p","attrs":{"style":"text-align: center;"},"children":[{"text":"And visit the "},{"text":"pricing page","opData":{"id":6,"type":"modify","uid":"kai-nakamura","timestamp":1752615064000},"format":[{"type":"a","attrs":{"href":"https://www.tiny.cloud/pricing"}}],"oldFormat":[{"type":"a","attrs":{"href":"https://www.tiny.cloud/pricing"}},"em"]},{"text":" to learn more about our Premium plugins."}]},{"type":"h2","children":[{"text":"A simple table to play with"}]},{"type":"table","attrs":{"style":"border-collapse: collapse; width: 100%;","border":"1"},"children":[{"type":"thead","children":[{"type":"tr","attrs":{"style":"text-align: left;"},"children":[{"type":"th","children":[{"text":"Product"}]},{"type":"th","children":[{"text":"Cost"}]},{"type":"th","children":[{"text":"Really?"}]}]}]},{"type":"tbody","children":[{"type":"tr","children":[{"type":"td","children":[{"text":"TinyMCE Cloud"}]},{"type":"td","children":[{"text":"Get started for free"}]},{"type":"td","children":[{"text":"Yes!","format":["strong"]}]}]},{"type":"tr","children":[{"type":"td","children":[{"text":"Plupload"}]},{"type":"td","children":[{"text":"Free"}]},{"type":"td","children":[{"text":"Yes!","format":["strong"]}]}]}]}]},{"type":"h2","opData":{"id":7,"type":"insert","uid":"mia-andersson","timestamp":1752576331000},"children":[{"text":"Found a bug?"}]},{"type":"p","children":[{"text":" ","opData":{"id":7,"type":"remove","uid":"mia-andersson","timestamp":1752576331000}},{"text":"If you believe you have found a bug please create an issue on the ","opData":{"id":7,"type":"insert","uid":"mia-andersson","timestamp":1752576331000}},{"text":"GitHub repo","opData":{"id":7,"type":"insert","uid":"mia-andersson","timestamp":1752576331000},"format":[{"type":"a","attrs":{"href":"https://github.com/tinymce/tinymce/issues"}}]},{"text":" to report it to the developers.","opData":{"id":7,"type":"insert","uid":"mia-andersson","timestamp":1752576331000}}]},{"type":"h2","children":[{"text":"Finally…"}]},{"type":"p","children":[{"text":"Don’t forget to check out "},{"text":"Plupload","format":[{"type":"a","attrs":{"href":"http://www.plupload.com","target":"_blank","rel":"noopener"}}]},{"text":", the upload solution featuring HTML5 upload support."}]},{"type":"p","children":[{"text":"Thanks for supporting TinyMCE. We hope it helps you and your users create great content."}]},{"type":"p","children":[{"text":"All the best from the TinyMCE team."}]}]}'>
2+
{{logofordemoshtml}}
3+
4+
<h2 style="text-align: center;">Welcome to the TinyMCE Suggested Edits interactive demo!</h2>
5+
6+
<p style="text-align: center;">Try out the Suggested Edits feature: type in the editor, apply formatting or delete some content. Then, click the Review Changes button in the toolbar to see your changes.</p>
7+
8+
<p style="text-align: center;">And visit the <a href="https://www.tiny.cloud/pricing">pricing page</a> to learn more about our Premium plugins.</p>
9+
10+
<h2>A simple table to play with</h2>
11+
12+
<table style="border-collapse: collapse; width: 100%;" border="1">
13+
<thead>
14+
<tr style="text-align: left;">
15+
<th>Product</th>
16+
<th>Cost</th>
17+
<th>Really?</th>
18+
</tr>
19+
</thead>
20+
<tbody>
21+
<tr>
22+
<td>TinyMCE Cloud</td>
23+
<td>Get started for free</td>
24+
<td><strong>Yes!</strong></td>
25+
</tr>
26+
<tr>
27+
<td>Plupload</td>
28+
<td>Free</td>
29+
<td><strong>Yes!</strong></td>
30+
</tr>
31+
</tbody>
32+
</table>
33+
34+
<h2>Found a bug?</h2>
35+
36+
<p>If you believe 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.</p>
37+
38+
<h2>Finally…</h2>
39+
40+
<p>Don't forget to check out <a href="http://www.plupload.com" target="_blank" rel="noopener">Plupload</a>, the upload solution featuring HTML5 upload support.</p>
41+
<p>Thanks for supporting TinyMCE. We hope it helps you and your users create great content.</p>
42+
<p>All the best from the TinyMCE team.</p>
43+
44+
</textarea>
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
const API_URL = 'https://demouserdirectory.tiny.cloud/v1/users';
2+
3+
const tinymceElement = document.querySelector('textarea#suggestededits-auto-approve');
4+
const model = JSON.parse(tinymceElement.getAttribute('suggestededits-model'));
5+
6+
tinymce.init({
7+
selector: 'textarea#suggestededits-auto-approve',
8+
height: 500,
9+
plugins: 'suggestededits advlist anchor autolink code charmap emoticons fullscreen help image link lists media preview searchreplace table',
10+
toolbar: 'undo redo | suggestededits | styles fontsizeinput | bold italic | align bullist numlist | table link image | code',
11+
content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }',
12+
13+
suggestededits_model: model,
14+
suggestededits_access: 'full',
15+
suggestededits_content: 'html',
16+
suggestededits_auto_approve: true,
17+
18+
user_id: 'kai-nakamura',
19+
fetch_users: (userIds) => Promise.all(userIds
20+
.map((userId) =>
21+
fetch(`${API_URL}/${userId}`)
22+
.then((response) => response.json())
23+
.catch(() => ({ id: userId })))),
24+
});
Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
tinymce.init({
2+
selector: "textarea#uploadcare-full-feature",
3+
plugins: [ "uploadcare", "code", "link", "preview", "lists" ],
4+
uploadcare_public_key: '<your-public-key>',
5+
uploadcare_filters: [
6+
{ name: 'none' }, // No filter applied
7+
{ name: 'adaris', amount: -100 }, // Adaris with inverted effect (amount -100), label defaults to 'adaris'
8+
{ name: 'adaris', amount: -100, label: 'Vintage Fade' }, // Adaris with inverted effect (amount -100), label reads 'Vintage Fade'
9+
{ name: 'adaris', amount: 0, label: 'Base' }, // Adaris with neutral effect (amount 0), label reads 'Base'
10+
{ name: 'adaris', amount: 50, label: 'Light' }, // Adaris with light effect (amount 50), label reads 'Light'
11+
{ name: 'adaris', amount: 100, label: 'Standard' }, // Adaris with standard effect (amount 100), label reads 'Standard'
12+
{ name: 'adaris', amount: 200, label: 'Intense' }, // Adaris with intense effect (amount 200), label reads 'Intense'
13+
{ name: 'zevcen', amount: 200, label: 'Glow Boost' }, // Zevcen with intense effect (amount 200), label reads 'Glow Boost'
14+
{ name: 'galen', amount: 80, label: 'Soft Focus' }, // Galen with softening effect (amount 80), label reads 'Soft Focus'
15+
{ name: 'carris', amount: 120, label: 'Sharp Contrast' }, // Carris with high contrast (amount 120), label reads 'Sharp Contrast'
16+
{ name: 'ferand', amount: 60, label: 'Light Touch' }, // Ferand with light enhancement (amount 60), label reads 'Light Touch'
17+
{ name: 'sorahel', amount: -50, label: 'Night Mood' } // Sorahel with darkened effect (amount -50), label reads 'Night Mood'
18+
],
19+
// Video configuration
20+
uploadcare_video_properties: {
21+
autoplay: false,
22+
controls: true,
23+
loop: false,
24+
muted: true,
25+
preload: 'metadata',
26+
poster: 'https://placehold.co/600x400',
27+
width: 640,
28+
height: 360,
29+
showLogo: false
30+
},
31+
a11y_advanced_options: true,
32+
toolbar: "undo redo | uploadcare uploadcare-video | styles | bold italic underline | forecolor | bullist numlist| link | code preview",
33+
height: 700,
34+
content_style: `
35+
body { max-width: 920px; margin: 1.5rem auto; padding: 0 2vw; }
36+
h1 { font-size: 1.5em; }
37+
h2 { font-size: 1.17em; }
38+
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin: 0 0 0.75rem; }
39+
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 2rem; }
40+
p { line-height: 1.6; margin: 0; }
41+
p + p { margin-top: 1rem; }
42+
a { color: #2b70e3; }
43+
blockquote { color: #4e5c73; font-weight: 200; font-size: 1.3rem; margin: 1rem 2rem; padding: 0 0 0 1rem; border-left: 2px solid #2b70e3 !important; }
44+
figcaption {font-size: 0.875em;}
45+
uc-video { display: block; margin: 1rem 0; }
46+
`
47+
});
Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
<textarea id="uploadcare-full-feature">
2+
<h1>Discover Your Dream Home on Mallorca: Where Paradise Meets Investment</h1>
3+
<p><span style="color: #4e5c73;">Mallorca, the jewel of the Mediterranean, is not just a place of beauty&mdash;it&rsquo;s a smart investment. With property values consistently on the rise, now is the perfect time to secure your piece of this sun-soaked paradise.&nbsp;</span></p>
4+
5+
<figure class="image"><img style="width: min(2048px, 100%); aspect-ratio: 2048 / 718;" src="https://tiny.ucarecdn.com/ab5fa504-67d7-4905-ac98-537ef63006f4/-/preview/" sizes="(min-width: 2048px) 2048px, 100vw" srcset="https://tiny.ucarecdn.com/ab5fa504-67d7-4905-ac98-537ef63006f4/-/resize/100x/ 100w,https://tiny.ucarecdn.com/ab5fa504-67d7-4905-ac98-537ef63006f4/-/resize/200x/ 200w,https://tiny.ucarecdn.com/ab5fa504-67d7-4905-ac98-537ef63006f4/-/resize/300x/ 300w,https://tiny.ucarecdn.com/ab5fa504-67d7-4905-ac98-537ef63006f4/-/resize/500x/ 500w,https://tiny.ucarecdn.com/ab5fa504-67d7-4905-ac98-537ef63006f4/-/resize/750x/ 750w,https://tiny.ucarecdn.com/ab5fa504-67d7-4905-ac98-537ef63006f4/-/resize/1000x/ 1000w,https://tiny.ucarecdn.com/ab5fa504-67d7-4905-ac98-537ef63006f4/-/resize/1250x/ 1250w,https://tiny.ucarecdn.com/ab5fa504-67d7-4905-ac98-537ef63006f4/-/resize/1500x/ 1500w,https://tiny.ucarecdn.com/ab5fa504-67d7-4905-ac98-537ef63006f4/-/resize/2000x/ 2000w,https://tiny.ucarecdn.com/ab5fa504-67d7-4905-ac98-537ef63006f4/-/preview/ 2048w" alt="Mallorca">
6+
<figcaption>Michael Heuser on <a href="https://unsplash.com/@gum_meee">Unsplash</a></figcaption>
7+
</figure>
8+
9+
<p>Let us show you why Mallorca should be your next home&mdash;and introduce you to an exquisite villa that could soon be yours.</p>
10+
11+
<h2>Experience Mallorca in Motion</h2>
12+
<p>Watch this stunning video showcasing the beauty and lifestyle that awaits you on this Mediterranean paradise:</p>
13+
<p><uc-video uuid="83fd9f98-1939-4d99-b5e3-85563f89f5fb" class="tox-uc-video" contenteditable="false" controls="true" /></p>
14+
<p><em>Feel the warmth of the Mediterranean sun, hear the gentle waves, and imagine yourself surrounded by the peaceful ambiance of this island paradise as you relax in your dream home.</em></p>
15+
<blockquote><em>"The Mallorca real estate market has grown by an impressive 8% annually over the past five years,"</em> &mdash; Elena Alvarez, Market Analyst at Mediterranean Realty Insights.</blockquote>
16+
<p>According to recent market data, Mallorca&rsquo;s property values have experienced steady growth, with an average&nbsp;<a href="tiny.cloud">increase of 8% annually over the past five years</a>. This consistent appreciation, coupled with a thriving rental market, makes it an ideal destination for investors seeking both luxury and financial returns.&nbsp;</p>
17+
<h2>Explore Our Featured Villa: The Epitome of Luxury&nbsp;</h2>
18+
<p>Located in one of Mallorca&rsquo;s most exclusive areas, this exquisite villa offers breathtaking views and modern design. Every detail has been meticulously crafted to provide the ultimate in comfort and elegance.</p>
19+
<figure class="image"><img style="width: min(2048px, 100%); aspect-ratio: 2048 / 1148;" src="https://tiny.ucarecdn.com/6e215038-158f-48d1-a94d-d1a74f4f6275/-/preview/" sizes="(min-width: 2048px) 2048px, 100vw" srcset="https://tiny.ucarecdn.com/6e215038-158f-48d1-a94d-d1a74f4f6275/-/resize/100x/ 100w,https://tiny.ucarecdn.com/6e215038-158f-48d1-a94d-d1a74f4f6275/-/resize/200x/ 200w,https://tiny.ucarecdn.com/6e215038-158f-48d1-a94d-d1a74f4f6275/-/resize/300x/ 300w,https://tiny.ucarecdn.com/6e215038-158f-48d1-a94d-d1a74f4f6275/-/resize/500x/ 500w,https://tiny.ucarecdn.com/6e215038-158f-48d1-a94d-d1a74f4f6275/-/resize/750x/ 750w,https://tiny.ucarecdn.com/6e215038-158f-48d1-a94d-d1a74f4f6275/-/resize/1000x/ 1000w,https://tiny.ucarecdn.com/6e215038-158f-48d1-a94d-d1a74f4f6275/-/resize/1250x/ 1250w,https://tiny.ucarecdn.com/6e215038-158f-48d1-a94d-d1a74f4f6275/-/resize/1500x/ 1500w,https://tiny.ucarecdn.com/6e215038-158f-48d1-a94d-d1a74f4f6275/-/resize/2000x/ 2000w,https://tiny.ucarecdn.com/6e215038-158f-48d1-a94d-d1a74f4f6275/-/preview/ 2048w" alt="luxury wooden house interior">
20+
<figcaption>Designed by <a href="https://www.freepik.com/">Freepik</a></figcaption>
21+
</figure>
22+
<ul>
23+
<li><strong>5 luxurious bedrooms</strong> with private en-suite bathrooms</li>
24+
<li><strong>Infinity pool</strong> with panoramic Mediterranean views</li>
25+
<li><strong>Spacious terrace</strong> for outdoor dining and entertainment</li>
26+
<li><strong>Private garden</strong> with lush landscaping</li>
27+
<li><strong>Cutting-edge smart home system&nbsp;</strong><strong>&nbsp;</strong></li>
28+
</ul>
29+
<figure class="image"><img style="width: min(2000px, 100%); aspect-ratio: 2000 / 1121;" src="https://tiny.ucarecdn.com/f5cf612d-98a4-4159-a153-ae0aa7bb74a5/-/preview/" sizes="(min-width: 2000px) 2000px, 100vw" srcset="https://tiny.ucarecdn.com/f5cf612d-98a4-4159-a153-ae0aa7bb74a5/-/resize/100x/ 100w,https://tiny.ucarecdn.com/f5cf612d-98a4-4159-a153-ae0aa7bb74a5/-/resize/200x/ 200w,https://tiny.ucarecdn.com/f5cf612d-98a4-4159-a153-ae0aa7bb74a5/-/resize/300x/ 300w,https://tiny.ucarecdn.com/f5cf612d-98a4-4159-a153-ae0aa7bb74a5/-/resize/500x/ 500w,https://tiny.ucarecdn.com/f5cf612d-98a4-4159-a153-ae0aa7bb74a5/-/resize/750x/ 750w,https://tiny.ucarecdn.com/f5cf612d-98a4-4159-a153-ae0aa7bb74a5/-/resize/1000x/ 1000w,https://tiny.ucarecdn.com/f5cf612d-98a4-4159-a153-ae0aa7bb74a5/-/resize/1250x/ 1250w,https://tiny.ucarecdn.com/f5cf612d-98a4-4159-a153-ae0aa7bb74a5/-/resize/1500x/ 1500w,https://tiny.ucarecdn.com/f5cf612d-98a4-4159-a153-ae0aa7bb74a5/-/preview/ 2000w" alt="beautiful kitchen interior design">
30+
<figcaption>Designed by <a href="https://www.freepik.com/">Freepik</a></figcaption>
31+
</figure>
32+
<p>Step inside, and you&rsquo;ll find bright, open living spaces that blend seamlessly with the outdoors, creating a harmonious living environment that&rsquo;s both relaxing and inspiring.</p>
33+
<p>Owning a villa in Mallorca means more than just having a home&mdash;it means living a life of luxury and adventure. From exploring charming villages to dining at world-class restaurants and sailing the turquoise waters, every day is a new experience.</p>
34+
<h2>Make This Dream a Reality</h2>
35+
<p>Don&rsquo;t miss the opportunity to own a piece of paradise. <a href="tiny.cloud">Contact us today</a> to schedule a private tour of this exceptional villa and explore other exclusive properties on the island.</p>
36+
</textarea>
Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
tinymce.init({
2+
selector: "textarea#uploadcare-full-feature",
3+
plugins: [ "uploadcare", "code", "link", "preview", "lists" ],
4+
uploadcare_public_key: '630992ad50fe2291c406',
5+
uploadcare_cdn_base_url: 'https://tiny.ucarecdn.com',
6+
uploadcare_store_type: 'temporary',
7+
uploadcare_filters: [
8+
{ name: 'adaris', amount: -100 }, // Adaris with inverted effect (amount -100), label defaults to 'adaris'
9+
{ name: 'adaris', amount: -100, label: 'Vintage' }, // Adaris with inverted effect (amount -100), label reads 'Vintage'
10+
{ name: 'adaris', amount: 0, label: 'Base' }, // Adaris with neutral effect (amount 0), label reads 'Base'
11+
{ name: 'adaris', amount: 50, label: 'Light' }, // Adaris with light effect (amount 50), label reads 'Light'
12+
{ name: 'adaris', amount: 200, label: 'Intense' }, // Adaris with intense effect (amount 200), label reads 'Intense'
13+
{ name: 'galen', amount: 80, label: 'Soft' }, // Galen with softening effect (amount 80), label reads 'Soft'
14+
{ name: 'carris', amount: 120, label: 'Sharp' }, // Carris with high contrast (amount 120), label reads 'Sharp'
15+
{ name: 'sorahel', amount: -50, label: 'Night' }, // Sorahel with darkened effect (amount -50), label reads 'Night'
16+
{ name: 'none' }, // No filter applied
17+
],
18+
// Video configuration
19+
uploadcare_video_properties: {
20+
autoplay: false,
21+
controls: true,
22+
loop: false,
23+
muted: true,
24+
preload: 'metadata',
25+
// poster: 'https://placehold.co/600x400', // Optional poster image URL
26+
width: 640,
27+
height: 360,
28+
showLogo: false
29+
},
30+
a11y_advanced_options: true,
31+
toolbar: "undo redo | uploadcare uploadcare-video | styles | bold italic underline | forecolor | bullist numlist| link | code preview",
32+
height: 700,
33+
content_style: `
34+
body { max-width: 920px; margin: 1.5rem auto; padding: 0 2vw; }
35+
h1 { font-size: 1.5em; }
36+
h2 { font-size: 1.17em; }
37+
h1, h2, h3, h4, h5, h6 { font-weight: 500; margin: 0 0 0.75rem; }
38+
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 2rem; }
39+
p { line-height: 1.6; margin: 0; }
40+
p + p { margin-top: 1rem; }
41+
a { color: #2b70e3; }
42+
blockquote { color: #4e5c73; font-weight: 200; font-size: 1.3rem; margin: 1rem 2rem; padding: 0 0 0 1rem; border-left: 2px solid #2b70e3 !important; }
43+
figcaption {font-size: 0.875em;}
44+
uc-video { display: block; margin: 1rem 0; }
45+
`
46+
});

0 commit comments

Comments
 (0)