Code Monkey home page Code Monkey logo

Comments (15)

centaur54dev avatar centaur54dev commented on July 18, 2024 1

And still no console errors? Perhaps something wrong in your stack. I have tested your commit with a simple html and it worked perfectly.
image

The html i have used is the following (ckeditor.js is the ckeditor.js file from your commit). I serve the file locally through xammp.

<!DOCTYPE html>
<html lang="en">
<head>
</head>

<body>
	<h2>Test</h2>
	<div id="editor1"></div>

	<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML' async></script>
	<script src="ckeditor.js"></script>
	<script>
		let editorDiv = document.getElementById("editor1");
		let editor = ClassicEditor
	        .create(  editorDiv )
	        .then( (editor) => {
	            console.log( "editor1 loaded succesfully");
	        } )
	        .catch( error => {	
	            console.error( error );
	        } );
	</script>
</body>
</html>

from ckeditor5-math-preview.

centaur54dev avatar centaur54dev commented on July 18, 2024 1

Served with python SimpleHTTPServer also works the same. Very strange, i don't see anything faulty in your code.

from ckeditor5-math-preview.

centaur54dev avatar centaur54dev commented on July 18, 2024

Have you loaded mathjax source in html? From the official mathjax documentation one simple way to do it is this:
<script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-MML-AM_CHTML' async></script>

Of course you can configure this to your needs.

from ckeditor5-math-preview.

wenisy avatar wenisy commented on July 18, 2024

I tried, but still not work.
image

And I assume there would be a popup when I click on Fx button?

from ckeditor5-math-preview.

centaur54dev avatar centaur54dev commented on July 18, 2024

No popup when you just click the Fx button. The button is like a switch that toggles the plugin on and off. If it is "ON", then you can expect to see popup when you click inside the formula. Does this happen?

from ckeditor5-math-preview.

wenisy avatar wenisy commented on July 18, 2024

Nothing happened.

No formula, no popup. Any ideas about it according to that screenshot?

from ckeditor5-math-preview.

wenisy avatar wenisy commented on July 18, 2024

Thanks!!!!

If it could work on your computer, I think I could figure it out by myself.

Really thanks to you.

from ckeditor5-math-preview.

wenisy avatar wenisy commented on July 18, 2024

Served with python SimpleHTTPServer also works the same. Very strange, i don't see anything faulty in your code.

With CDN mathjax?

from ckeditor5-math-preview.

centaur54dev avatar centaur54dev commented on July 18, 2024

Yes the same html. In fact i have used:
python2 -m SimpleHTTPServer 30000

from ckeditor5-math-preview.

centaur54dev avatar centaur54dev commented on July 18, 2024

Test this jsfiddle...
https://jsfiddle.net/centaur54dev/r603ey87/
It works for me.

from ckeditor5-math-preview.

wenisy avatar wenisy commented on July 18, 2024

Chrome below
pic
this is what happened to me...

nothing happened...

Firefox below
pic

from ckeditor5-math-preview.

centaur54dev avatar centaur54dev commented on July 18, 2024

Don't select the formula. Simple click. And wait a couple of seconds.

from ckeditor5-math-preview.

wenisy avatar wenisy commented on July 18, 2024

image

Works!!!!!!!!!!!!!!

Thanks!!!!!!!!!!!!

from ckeditor5-math-preview.

centaur54dev avatar centaur54dev commented on July 18, 2024

:)
The issue with the wrong looking fraction occurs in jsfiddle and the python server (maybe some css is blocked) but not in xampp or production servers. However you can overcome it if you use a different config in the mathjax script. For example instead of config=TeX-MML-AM_CHTML use config=TeX-AMS_HTML.
See the updated jsfiddle

from ckeditor5-math-preview.

wenisy avatar wenisy commented on July 18, 2024

Really thanks!!!!
I don't have any other questions about it for now, I'm fine if you want to close this issue.

from ckeditor5-math-preview.

Related Issues (7)

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.