search

ghinda / jotted

Environment for showcasing HTML, CSS and JavaScript, with editable source.
https://ghinda.net/jotted/
MIT License
491 stars 36 forks source link

content line disappears #32

Closed suriyaJaay closed 7 years ago

suriyaJaay commented 7 years ago

jotted is loaded fine for the first time. but suddenly the content line goes up and down when try to edit the content. it has happened after getting back from some other part of the my module. pls find the below image

1st image shows complete code with no issues ace1 2nd images show . some line has disappear when try to edit the code ace2

what is problem actually? where should i change it.?

i try to change "ace_content" class height dynamically from height: 490px; to height: auto; but it doesn't accept it

Thank you

ghinda commented 7 years ago

Hi,

I can't replicate your exact issue. Can you create a http://jsbin.com/ demo?

suriyaJaay commented 7 years ago

@ghinda am trying to replicate it.between that. trying to use code mirror plugin. could you pls tell me how to css and js pane .

i tried to add css and js pane after html but shows as fallows jotcodem

ghinda commented 7 years ago

Please make a http://jsbin.com for it, so I can see your config.

In the meanwhile, here's a how to use the codemirror plugin: https://ghinda.net/jotted/demos/codemirror.html

suriyaJaay commented 7 years ago

brother i actually complete as per the document from above link.its working fine. what am asking how can add "css and js" pane in this editor. ? by using ace plugin i got RESULT, HTML, CSS ,JS part in jotted ui. the same thing i want when i use codemirror.

suriyaJaay commented 7 years ago

@ghinda now i got cleared it myself.. working fine.. thanks for your quick response

ghinda commented 7 years ago

To have all the panes visible - even with no content, you can use the showBlank option: https://github.com/ghinda/jotted#showblank

Edit: Cool, glad you got it to work. Let me know if you manage to replicate the ace plugin issue.

suriyaJaay commented 7 years ago

sorry, am again. how to change theme for codemirror.

i did changed theme in ace editor .. now i want to change theme for codemirror

armoucar commented 7 years ago

@suriyaJaay hack, brother... hack.

suriyaJaay commented 7 years ago

ha aha h lols @armoucar sure ll do that by my own

ghinda commented 7 years ago

@suriyaJaay here you go: http://jsbin.com/qaneqoc/edit?html,js,output

Load the CSS theme and pass the theme option. This is a CodeMirror option.

You can pass any specific options to plugins, using the options object, as described in the documentation: https://github.com/ghinda/jotted#plugins