refactory-id / bootstrap-markdown

Bootstrap plugin for markdown editing
Apache License 2.0
1.99k stars 370 forks source link

Editor toolbar doesn't show when using with AngularJs #246

Open wangshan opened 8 years ago

wangshan commented 8 years ago

I have seen previous issues caused by not loading dependent libraries, however, I think i have loaded all the dependencies needed:

    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="bower_components/marked/lib/marked.js"></script>
    <script src="bower_components/to-markdown/dist/to-markdown.js"></script>
    <script src="bower_components/bootstrap-markdown/js/bootstrap-markdown.js"></script>

With the example code from documentation:

<form>
    <input name="title" type="text" placeholder="Title?" />
    <textarea name="content" data-provide="markdown" rows="10"></textarea>
    <label class="checkbox">
      <input name="publish" type="checkbox"> Publish
    </label>
    <hr/>
    <button type="submit" class="btn">Submit</button>
  </form> 

I can't see the tool bar, so I'm not sure if it's working at all. Is there anything special I have to do to make it work in angular? Is there a order issue when loading dependencies libraries? I tried to load bootstrap-markdown before marked and to-markdown but makes no difference.

I'm using bootstrap-markdown 2.10 and Angular 1.5.6.

Disane87 commented 8 years ago

same here

ghiscoding commented 8 years ago

I had the same problem when I realized that the default font was using Font-Awesome which I didn't have. If you don't have Font-Awesome installed, which you don't seem to have, then I suggest you set iconlibrary: 'glyph'

scottMan1001 commented 5 years ago

I had the same problem when I realized that the default font was using Font-Awesome which I didn't have. If you don't have Font-Awesome installed, which you don't seem to have, then I suggest you set iconlibrary: 'glyph'

did it work?