bootstrap-markdown | Bootstrap plugin for markdown editing

I have found the issue: DataTables.

I'm using the DataTables library, and is having an issue with the initialization of the table.

I could not fix the DataTables issue yet, but this is the source of the error.

So, in order to make this question useful and don't delete it I'll explain how I got to that conclusion:

1. TypeError: Cannot read property 'nodeName' of null is typical in jQuery, so, start searching in your main jQuery libraries is a good option.
2. After navigating and seing that it was happening only in that view, I started analyzing 1 by 1 all the components of that view.
3. Reinstall your npm packages. If you did a huge upgrade of your project, removing node_modules and typing npm install in console can be of help (even if drastic, but helped me).
4. Use Chrome's debugger.
5. Use console logs.
6. If you are using a theme, and this theme is working properly. Try to break it adding your stuff one at a time until it breaks. There has to be a reason for your App breaking but your App's theme not breaking.
7. Compare projects (the theme's project and yours) in order to point out potential code issues.

I hope this may help someone that's stuck with this issue for a while.

Breaking my App to find the issue I have found that many libraries throw this error, all of them were jQuery based libraries.

Good luck!

I try the bower install and npm install for you.

You can use ProvidePlugin in order to do so. At first you need to make alias for the file you want to be global

Try to delete node_modules folder and do a npm cache clean.

Run npm install again

Also check in your index.html file if you are not accidentally overwrite the jQuery version with a CDN line.

You can try updating the packages as defined in your packages.json to more up-to-date versions. Run npm outdated to see which are outdated. However, I don't understand we you want to use jQuery with Angular. Angular manages the DOM and its quite counterproductive to modify it with jQuery.

I found a very, very cheap solution and it's not nearly as I wanted it in the first place but it'll work for now. If the height is changed the map will be able to show itself. Why class="hidden" 's not, or style="display:none", I have no idea... Well, so this will work:

There is no general solution to this problem if the plugin does not expose any destroy method on its own. Although you can:

a) find out what the plugin does to the DOM element and reverse it

b) remove the node from the DOM and add a new one.

In your case, if you want to switch editors you may go with the option b). Because bootstrap-markdown wraps the textarea with some custom markup, you may need to remove its parent instead. Like:

With promises you can't return values at once, usually you return promise object called promise handle and using 'then' clause you wait for promise to resolve(successfully) or reject(failure).

In your case if you want to wait for response and then do something I suggest you call onPreview and use its then clause like: