Development

Build and Serve

npm run dev

Install:

<script>
const changes = [
  {
    type: "remove",
    targetSelector: "#section-2 > div > div.ck-mt-4 > div:nth-child(2)",
  },
  {
    type: "remove",
    targetSelector: "#section-2 > div > div.ck-mt-4 > p",
  },
  {
    type: "remove",
    targetSelector: "#section-2 > div > div.ck-mt-4 > div.ck-mb-6",
  },
  {
    type: "insert",
    htmlContent:
      '\n    <div role="button" tabindex="0" class="ck-relative ck-w-full ck-mt-6 ck-mb-6">\n      <input\n        accept="video/mp4"\n        type="file"\n        tabindex="-1"\n        style="display: none"\n      /><span\n        class="ck-relative ck-flex ck-justify-center ck-rounded ck-button-primary ck-text-lg ck-button-lg ck-btn-theme-500 hover:ck-btn-theme-600"\n        ><span class="ck-inline-flex ck-items-center"\n          ><svg\n            class="ck-fill-current"\n            xmlns="http://www.w3.org/2000/svg"\n            width="22"\n            height="22"\n            viewBox="0 0 24 24"\n          >\n            <path\n              d="M19.5 14c-2.483 0-4.5 2.015-4.5 4.5s2.017 4.5 4.5 4.5 4.5-2.015 4.5-4.5-2.017-4.5-4.5-4.5zm2.5 5h-2v2h-1v-2h-2v-1h2v-2h1v2h2v1zm-8.498 2h-7.502v-8h10v.032c1.872-1.203 4.113-1.319 6-.53v-11.502h-22v22h14.82c-.553-.576-1.006-1.251-1.318-2zm4.498-18h2v2h-2v-2zm0 4h2v2h-2v-2zm-12-4h10v8h-10v-8zm-2 18h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2v-2h2v2z"\n            ></path></svg\n          ><span class="ck-ml-2">Add Video (Optional)</span></span\n        ></span\n      >\n    </div>\n    ',
    targetIndex: 1,
    insertionMode: "index",
    targetSelector: "div#section-2 > div > div:nth-of-type(4)",
  },
];

  async function main() {
    const slPromise = await import('http://localhost:5000/index.mjs')
      .then(async (mod) => await mod.SamelogicClient.init({changes}))
  }
  main();
  const slPromise = await import('https://cdn.jsdelivr.net/npm/@samelogic/[email protected]/dist/index.mjs')
      .then(async (mod) => await mod.SamelogicClient.init({changes}))
</script>