From d9b53ff4076981da132a9fe3a7fa1ce7bc0e1ffb Mon Sep 17 00:00:00 2001
From: abhinavgandham <abhinavgandham@gmail.com>
Date: Fri, 13 Dec 2024 13:29:34 +0530
Subject: [PATCH] DOC-2599: Added the example.js.

---
 .../examples/live-demos/uploadcare/example.js | 21 +++++++
 .../examples/live-demos/uploadcare/index.html | 62 +++++++++----------
 2 files changed, 52 insertions(+), 31 deletions(-)
 create mode 100644 modules/ROOT/examples/live-demos/uploadcare/example.js

diff --git a/modules/ROOT/examples/live-demos/uploadcare/example.js b/modules/ROOT/examples/live-demos/uploadcare/example.js
new file mode 100644
index 0000000000..82371a07ec
--- /dev/null
+++ b/modules/ROOT/examples/live-demos/uploadcare/example.js
@@ -0,0 +1,21 @@
+tinymce.init({
+    selector: "textarea",
+    plugins: [ "uploadcare", "code", "link", "preview", "lists" ],
+    uploadcare_public_key: '<your-public-key>',
+    uploadcare_store_type: 'temporary',
+    a11y_advanced_options: true,	
+    toolbar: "undo redo | styles | bold italic underline | forecolor | bullist numlist| link uploadcare | code preview",
+    height: 700,	
+    content_style: `
+      body { max-width: 920px; margin: 1.5rem auto; padding: 0 2vw; }
+      h1 { font-size: 1.5em; }
+          h2 { font-size: 1.17em; }
+      h1, h2, h3, h4, h5, h6 { font-weight: 500; margin: 0 0 0.75rem; }
+      p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 2rem; }
+      p { line-height: 1.6; margin: 0; } 
+      p + p { margin-top: 1rem; }
+      a { color: #2b70e3; }
+      blockquote { color: #4e5c73; font-weight: 200; font-size: 1.3rem; margin: 1rem 2rem; padding: 0 0 0 1rem; border-left: 2px solid #2b70e3 !important; }
+      figcaption {font-size: 0.875em;}
+    `
+  });
\ No newline at end of file
diff --git a/modules/ROOT/examples/live-demos/uploadcare/index.html b/modules/ROOT/examples/live-demos/uploadcare/index.html
index e60bacc7d0..bc2ee8fe4d 100644
--- a/modules/ROOT/examples/live-demos/uploadcare/index.html
+++ b/modules/ROOT/examples/live-demos/uploadcare/index.html
@@ -1,33 +1,33 @@
 <textarea id="uploadcare">
-  <h1>Discover Your Dream Home on Mallorca: Where Paradise Meets Investment</h1>
-  <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>
-  <figure class="image">
-     <img style="width: min(2048px, 100%); aspect-ratio: 2048 / 718;" src="https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/preview/" sizes="(min-width: 2048px) 2048px, 100vw" srcset="https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/100x/ 100w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/200x/ 200w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/300x/ 300w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/500x/ 500w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/750x/ 750w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/1000x/ 1000w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/1250x/ 1250w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/1500x/ 1500w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/2000x/ 2000w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/preview/ 2048w" alt="Mallorca">
-     <figcaption>Michael Heuser on <a href="https://unsplash.com/@gum_meee">Unsplash</a></figcaption>
-  </figure>
-  <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>
-  <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>
-  <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>
-  <h2>Explore Our Featured Villa: The Epitome of Luxury&nbsp;</h2>
-  <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>
-  <figure class="image">
-     <img style="width: min(2048px, 100%); aspect-ratio: 2048 / 1148;" src="https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/preview/" sizes="(min-width: 2048px) 2048px, 100vw" srcset="https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/100x/ 100w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/200x/ 200w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/300x/ 300w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/500x/ 500w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/750x/ 750w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/1000x/ 1000w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/1250x/ 1250w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/1500x/ 1500w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/2000x/ 2000w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/preview/ 2048w" alt="luxury wooden house interior">
-     <figcaption>Designed by <a href="https://www.freepik.com/">Freepik</a></figcaption>
-  </figure>
-  <ul>
-     <li><strong>5 luxurious bedrooms</strong> with private en-suite bathrooms</li>
-     <li><strong>Infinity pool</strong> with panoramic Mediterranean views</li>
-     <li><strong>Spacious terrace</strong> for outdoor dining and entertainment</li>
-     <li><strong>Private garden</strong> with lush landscaping</li>
-     <li><strong>Cutting-edge smart home system&nbsp;</strong><strong>&nbsp;</strong></li>
-  </ul>
-  <figure class="image">
-     <img style="width: min(2000px, 100%); aspect-ratio: 2000 / 1121;" src="https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/preview/" sizes="(min-width: 2000px) 2000px, 100vw" srcset="https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/100x/ 100w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/200x/ 200w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/300x/ 300w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/500x/ 500w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/750x/ 750w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/1000x/ 1000w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/1250x/ 1250w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/1500x/ 1500w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/preview/ 2000w" alt="beautiful kitchen interior design">
-     <figcaption>Designed by <a href="https://www.freepik.com/">Freepik</a></figcaption>
-  </figure>
-  <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>
-  <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>
-  <h2>Make This Dream a Reality</h2>
-  <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>
+   <h1>Discover Your Dream Home on Mallorca: Where Paradise Meets Investment</h1>
+<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>
+<figure class="image">
+   <img style="width: min(2048px, 100%); aspect-ratio: 2048 / 718;" src="https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/preview/" sizes="(min-width: 2048px) 2048px, 100vw" srcset="https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/100x/ 100w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/200x/ 200w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/300x/ 300w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/500x/ 500w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/750x/ 750w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/1000x/ 1000w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/1250x/ 1250w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/1500x/ 1500w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/resize/2000x/ 2000w,https://ucarecdn.com/b51db038-86df-4a83-bd9d-6942151306d0/-/preview/ 2048w" alt="Mallorca">
+   <figcaption>Michael Heuser on <a href="https://unsplash.com/@gum_meee">Unsplash</a></figcaption>
+</figure>
+<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>
+<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>
+<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>
+<h2>Explore Our Featured Villa: The Epitome of Luxury&nbsp;</h2>
+<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>
+<figure class="image">
+   <img style="width: min(2048px, 100%); aspect-ratio: 2048 / 1148;" src="https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/preview/" sizes="(min-width: 2048px) 2048px, 100vw" srcset="https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/100x/ 100w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/200x/ 200w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/300x/ 300w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/500x/ 500w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/750x/ 750w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/1000x/ 1000w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/1250x/ 1250w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/1500x/ 1500w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/resize/2000x/ 2000w,https://ucarecdn.com/ae5a4201-4b82-4238-94e8-78f4cccbffe8/-/preview/ 2048w" alt="luxury wooden house interior">
+   <figcaption>Designed by <a href="https://www.freepik.com/">Freepik</a></figcaption>
+</figure>
+<ul>
+   <li><strong>5 luxurious bedrooms</strong> with private en-suite bathrooms</li>
+   <li><strong>Infinity pool</strong> with panoramic Mediterranean views</li>
+   <li><strong>Spacious terrace</strong> for outdoor dining and entertainment</li>
+   <li><strong>Private garden</strong> with lush landscaping</li>
+   <li><strong>Cutting-edge smart home system&nbsp;</strong><strong>&nbsp;</strong></li>
+</ul>
+<figure class="image">
+   <img style="width: min(2000px, 100%); aspect-ratio: 2000 / 1121;" src="https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/preview/" sizes="(min-width: 2000px) 2000px, 100vw" srcset="https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/100x/ 100w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/200x/ 200w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/300x/ 300w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/500x/ 500w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/750x/ 750w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/1000x/ 1000w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/1250x/ 1250w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/resize/1500x/ 1500w,https://ucarecdn.com/b384b67a-3c73-4629-be5f-07d6a2f49e01/-/preview/ 2000w" alt="beautiful kitchen interior design">
+   <figcaption>Designed by <a href="https://www.freepik.com/">Freepik</a></figcaption>
+</figure>
+<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>
+<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>
+<h2>Make This Dream a Reality</h2>
+<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>
 
-</textarea>
+</textarea>
\ No newline at end of file