Code Monkey home page Code Monkey logo

Comments (8)

xoniq avatar xoniq commented on September 28, 2024 1

Weird indeed. Well at least we sorted it out. Either one of these need to be present, this issue can be closed and is clear what caused it.

I was thinking that plugin was used for supporting iframe elements within the editor, I forgot about the fact that the editor itself also uses an iframe, so it's logical this is needed for that to work. (when you're not using div)

from ckeditor4-releases.

f1ames avatar f1ames commented on September 28, 2024

I have tested both standard and full builds downloaded from https://ckeditor.com/cke4/builder with latest Chrome (73.0.3683.103 (Official Build) (64-bit)) and it works fine (both samples/index.html and script provided above). However, I'm on High Sierra (10.13.6 (17G65)) so it's not identical environment.

@xoniq Could you provide exact steps which led you to not working editor so we can be sure that we are testing the same scenario?

from ckeditor4-releases.

xoniq avatar xoniq commented on September 28, 2024

@f1ames My stepts at this time to reproduce:

  • Go to https://ckeditor.com/cke4/builder to build a custom version.
  • Select Icy Orange as skin (also tried Flat).
  • Leave everything as it is.
  • Optimized version.
  • Download. (Mine came as ckeditor_4.11.3_ed3bec5393c3.zip)
  • Extract the zip.
  • Add a test.html inside the extracted ckeditor folder.
  • Add above HTML inside.
  • Test test.html in browser. The editor loads, but doesn't do anything.

Tested right now on Google Chrome Version 73.0.3683.103 (Official build) (64-bit).

For full disclosure I added uploaded it to WeTransfer to make sure you can test the exact same zip file as I got (ckeditor_4.11.3_ed3bec5393c3.zip):
https://we.tl/t-dD46ESy9WO

NOTE, my macOS version:

macOS Mojave 10.14.4 (18E226)

from ckeditor4-releases.

xoniq avatar xoniq commented on September 28, 2024

It seems to be an plugin breaking stuff. But I cannot find which one this should be. When I run the builder incognito (without pre selected plugins) it actually does work. (Should have tries this first, blame on me).

Will try a few more times to see if I can find which plugin breaks the system.

from ckeditor4-releases.

wwalc avatar wwalc commented on September 28, 2024

There are markdown and qrc 3rd party plugins included in your build according to build-config.js. Try investigating there. config.removePlugins should help in debugging.

from ckeditor4-releases.

xoniq avatar xoniq commented on September 28, 2024

I tested again with only adding plugins, still working. Must be broken because I removed a few unused plugins. So it's not about the newly added plugins, but on deleting existing from within the builder.

from ckeditor4-releases.

xoniq avatar xoniq commented on September 28, 2024

I think I found it. I downloaded perhaps 20 to 25 times with specific plugins deleted, it starts to fail when I remove wysiwygarea from CKEditor (my application doesn't support iframes).

EDIT:

Yes this was it. Now I did exactly the same, without removing wysiwygarea, and it works. Even through the 'iFrame Dialog' plugin actually is deletion, this one I can not delete.

from ckeditor4-releases.

f1ames avatar f1ames commented on September 28, 2024

@xoniq thanks for detailed investigation 👍

I can confirm that removing wysiwygarea causes some issue. However, from what I have tested removing it (Iframe Editing Area) breaks Source version. The Optimized one still works (fallbacks to inline editor). So the other way around than you have reported 🤔

The wysiwygarea (Iframe Editing Area) is basically responsible for creating editable area so one can insert/modify the content. If you cannot use iframe one you can switch this plugin with divarea (Div Editing Area) which uses <div> element instead of <iframe>. One of this plugin is necessary to make editor work correctly.

One thing I'm not 100% sure is why optimized version works in such cases. Probably the builder adds divarea plugin if no editing area plugin is present.

from ckeditor4-releases.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.