vitalets / x-editable

In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
http://vitalets.github.io/x-editable
MIT License
6.51k stars 1.72k forks source link

wysihtml5 is not a function #931

Open kamov opened 8 years ago

kamov commented 8 years ago

I receive this error when try to use data-type=wysihtml5:

TypeError: this.$input.wysihtml5 is not a function this.$input.wysihtml5(this.options.wysihtml5);

html code:


<div id="test-editable-wysihtml5" data-type="wysihtml5" data-url="admin/editable" data-name="description" data-pk="487">
<h2>awesome</h2> comment!
</div>

js code:


<script src="assets/js/jquery-1.11.03.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>

<!--  wyishtml5 -->
<script src="assets/js/inputs-ext/wysihtml5/bootstrap-wysihtml5-0.0.2/wysihtml5-0.3.0.min.js" type="text/javascript"></script>
<script src="assets/js/inputs-ext/wysihtml5/bootstrap-wysihtml5-0.0.2/wysihtml5-0.3.0.min.js" type="text/javascript"></script>

<!-- Inline editable -->
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
<script src="assets/js/inputs-ext/wysihtml5/wysihtml5.js" type="text/javascript"></script>

    $('#test-editable-wysihtml5').editable({
        title: 'Test wysihtml5'
    });
0xffset commented 4 years ago

This issues occurs depending on what is the position wysihtml5 js file. Try to push this file below to the JQuery extension file.