agusmakmun / django-markdown-editor

Awesome Django Markdown Editor, supported for Bootstrap & Semantic-UI
GNU General Public License v3.0
813 stars 1.34k forks source link

Multiple markdowns on Django TabularInline admin model page, ace edit find dynamic generated #id item error #132

Open mauroesposito opened 4 years ago

mauroesposito commented 4 years ago

Hi,

I've a model with a TabularInline configuration: It's a simple article with possibility to add some translations. This is the situation where I show only languages edited by user:

image

In this case, user added two translations. If I click on "Add another article translation", this is the result:

image

Text area is blocked, and it's showed this javascript exception:

ace.js:5 Uncaught Error: ace.edit can't find div #martor-articles-articles2-content
    at Object.t.edit (ace.js:5)
    at HTMLDivElement.<anonymous> (martor.min.js:9)
    at Function.each (jquery.js:367)
    at jQuery.fn.init.each (jquery.js:202)
    at jQuery.fn.init.e.fn.martor (martor.min.js:9)
    at HTMLDivElement.<anonymous> (martor.min.js:9)
    at Function.each (jquery.min.js:2)
    at w.fn.init.each (jquery.min.js:2)
    at HTMLDocument.<anonymous> (martor.min.js:9)
    at HTMLDocument.dispatch (jquery.min.js:2)

Searching in the sources, I've found that the correct ID created dynamically was #martor-articles-2-content NOT #martor-articles-articles2-content:

image

Is there a way to solve this mismatch?

Thank you, Mauro

agusmakmun commented 6 months ago

Hello @mauroesposito, did you try to upgrade your martor version?

pip install martor --upgrade

Let me know if this issue still persists.