Insert Bootstrap所見即所得

我想插入這個腳本（https://mindmup.github.io/bootstrap-wysiwyg/）到我的網站，但我不知道如何做到這一點。任何人都可以解釋如何將此插入到我的HTML代碼？還是有更好的引導文本編輯插件？Insert Bootstrap所見即所得

現在我的代碼如下所示：

<form action="" method="POST"> 

    <div class="form-group"> 
     <label for="artikel-titel">Titel</label> 
     <input type="text" class="form-control" id="artikel-titel" name="titel" placeholder="Titel"> 
    </div> 

    <div class="form-group" id="editor"> 
     <label for="artikel-content">Innehåll</label> 
     <textarea rows="10" class="form-control" id="artikel-content" name="content"></textarea> 
    </div> 

    <input type="submit" value="Spara" class="btn btn-primary"> 

</form>

編輯：
我發現這個劇本，適合我的項目好，所以現在我wounder我如何插入我的網站上（代碼是以上）以及如何激活翻譯？

http://bootstrap-wysiwyg.github.io/bootstrap3-wysiwyg/

來源

2016-02-12 quieri

下載或複製here文件粘貼代碼，把這個文件在您的項目目錄。

<script src="bootstrap-wysiwyg.js"></script>

要包括bootsrap所見即所得插件在當前範圍 - 只有當你在同一個目錄中引導，wysiwyg.js文件腳本，如果你沒有，你必須給路徑引導，wysiwyg.js從文件當前範圍本地化。

下一頁地方一些DIV與特定id屬性的 - 這將是你的所見即所得的容器：

<div id="your_id_name" style="overflow:scroll; max-height:300px"></div>

（您可以在主樣式文件中聲明風格或任何你想要寫：#your_id_name爲基準），或將其屬性如上。

最後一件事就是啓動插件，在您的主JavaScript文件後腳本標籤之間div或地方啓動碼寫：

<script type="text/javascript"> $('#your_id_name').wysiwyg(); </script>

還要確保您有jQuery的車上，如果不是：

<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>

來源

2016-02-12 16:57:31 Sojtin

你可以把它集成到我的代碼中，因爲我沒有得到它的工作......事情是，我用一個文本區域輸入。 – quieri

Insert Bootstrap所見即所得

回答

相關問題