GithubHelp home page GithubHelp logo

Edit window too small about ckeditor5-math HOT 6 OPEN

isaul32 avatar isaul32 commented on May 27, 2024 5
Edit window too small

from ckeditor5-math.

Comments (6)

dcfreire avatar dcfreire commented on May 27, 2024 2

You can try add some CSS rules for .ck-math-form in your styles. I can also look if I can add config option for that.

A config option would be great, but in my opinion, a math-block should have a larger input area by default.
97444604-1a35cc00-190b-11eb-8b7d-8919ef92527e.png

As you can see, even simple expressions are hard to read if you put them in a small text box with no linebreaks. For larger expressions, these limitations makes editing math-blocks inside ckeditor very impractical. So much so, that I had an easier time writing math outside of ckeditor, then copying and pasting it.

from ckeditor5-math.

isaul32 avatar isaul32 commented on May 27, 2024

You can try add some CSS rules for .ck-math-form in your styles. I can also look if I can add config option for that.

from ckeditor5-math.

milossramek avatar milossramek commented on May 27, 2024

I am sorry, I do not know what to do. I've found .ck-math-form in theme/mathform.css, but I have no idea what to set there. :(

from ckeditor5-math.

isaul32 avatar isaul32 commented on May 27, 2024

E.g. this doubles the width of input.

.ck-math-form input.ck.ck-input.ck-input-text {
  min-width: 36em; /* default is 18em */
}

Multiline support requires more work. Custom labeled textarea view need to be implemeted for that. I try implement it at some point.

from ckeditor5-math.

milossramek avatar milossramek commented on May 27, 2024

Thank you for the tip.

from ckeditor5-math.

d-mok avatar d-mok commented on May 27, 2024

is there any update on this? this plugin is not useable with a small single-lined input window.

from ckeditor5-math.

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.