कस्टमाइज़ करें WYSIHTML5 में टूलबार को आप कैसे अनुकूलित करते हैं। मैं फ़ॉन्ट आकार और छवि सम्मिलित बटन को अक्षम करना चाहता हूं, खासकर बूटस्ट्रैप एक्स-संपादन योग्य में उपयोग किए गए WYSIHTML5 संस्करण के लिए।WYSIHTML5 टूलबार
6
A
उत्तर
3
आप सीएसएस के माध्यम से यह कर सकते हैं
ul.wysihtml5-toolbar li a[title="Insert image"] { display: none; }
ul.wysihtml5-toolbar li.dropdown { display: none; }
12
आप स्टार्टअप पैरामीटर्स का उपयोग टूलबार विकल्प निष्क्रिय कर सकते हैं:
$('#[YOUR INPUT ID]').wysihtml5({
"font-styles": false, //Font styling, e.g. h1, h2, etc.
"emphasis": true, //Italics, bold, etc.
"lists": true, //(Un)ordered lists, e.g. Bullets, Numbers.
"html": true, //Button which allows you to edit the generated HTML.
"link": true, //Button to insert a link.
"image": false, //Button to insert an image.
"color": true //Button to change color of font
});
यह जानकारी टैग में चिपकाया जाना चाहिए:
<head>
<script> HERE </scrip>
</head>
13
हैं आप bootstrap-wysiwyg/bootstrap3-wysiwyg का उपयोग करते हैं (उदाहरण के लिए मणि bootstrap-wysihtml5-rails द्वारा उपयोग किया जाता है), एस इन्स संस्करण 3.0, आप उपकरण पट्टी के अंदर यह घोंसला करने की आवश्यकता होगी:
$('#some-textarea').wysihtml5({
toolbar: {
"font-styles": true, // Font styling, e.g. h1, h2, etc.
"emphasis": true, // Italics, bold, etc.
"lists": true, // (Un)ordered lists, e.g. Bullets, Numbers.
"html": false, // Button which allows you to edit the generated HTML.
"link": true, // Button to insert a link.
"image": true, // Button to insert an image.
"color": false, // Button to change color of font
"blockquote": true, // Blockquote
"size": <buttonsize> // options are xs, sm, lg
}
});
संबंधित मुद्दे
- 1. बूटस्ट्रैप-wysihtml5
- 2. wysihtml5। छवि src और href
- 3. सम्मिलित एचटीएमएल प्रोग्राम के WYSIHTML5 संपादक
- 4. टूलबार
- 5. टूलबार
- 6. टूलबार
- 7. टूलबार
- 8. टूलबार
- 9. टूलबार
- 10. टूलबार
- 11. टूलबार
- 12. टूलबार
- 13. टूलबार
- 14. टूलबार को कभी भी टूलबार
- 15. टूलबार बटन शैली बनाना टूलबार
- 16. अधिक सुविधाओं के साथ बूटस्ट्रैप-wysihtml5 पाठ संपादक को अनुकूलित करना
- 17. संकुचित टूलबार: सेट करें कि टूलबार
- 18. एक्शनबार बनाम टूलबार या एक्शनबार और टूलबार
- 19. आईओएस - टूलबार
- 20. टूलबार पारदर्शी
- 21. v7 टूलबार
- 22. एंड्रॉइड: टूलबार
- 23. टूलबार उपशीर्षक
- 24. VS2010 टूलबार
- 25. टूलबार MenuItems
- 26. एंड्रॉइड: टूलबार
- 27. शीर्ष टूलबार
- 28. ग्रहण टूलबार
- 29. संपादक में wysihtml5 एचटीएमएल क्लीन अप कैसे अक्षम करें?
- 30. बूटस्ट्रैप-wysihtml5 आउटपुट को संसाधित करने का सबसे अच्छा तरीका
यह जवाब है ....... बहुत धन्यवाद – GhostRider
यही मेरे लिए बहुत काम किया .. धन्यवाद –