122 lines
3.2 KiB
HTML
122 lines
3.2 KiB
HTML
<script type="text/discourse-plugin" version="0.8">
|
|
const { iconNode } = require("discourse-common/lib/icon-library");
|
|
// TOOLBAR
|
|
api.onToolbarCreate(toolbar => {
|
|
toolbar.addButton({
|
|
id: "underline_button",
|
|
group: "fontStyles",
|
|
icon: "underline",
|
|
perform: e => e.applySurround('[u]', '[/u]', 'underline_text')
|
|
});
|
|
});
|
|
api.onToolbarCreate(toolbar => {
|
|
toolbar.addButton({
|
|
id: "strikethrough_button",
|
|
group: "fontStyles",
|
|
icon: "strikethrough",
|
|
perform: e => e.applySurround('<s>', '</s>', 'strikethrough_text')
|
|
});
|
|
});
|
|
api.onToolbarCreate(toolbar => {
|
|
toolbar.addButton({
|
|
id: "superscript_button",
|
|
group: "fontStyles",
|
|
icon: "superscript",
|
|
perform: e => e.applySurround('<sup>', '</sup>', 'superscript_text')
|
|
});
|
|
});
|
|
api.onToolbarCreate(toolbar => {
|
|
toolbar.addButton({
|
|
id: "subscript_button",
|
|
group: "fontStyles",
|
|
icon: "subscript",
|
|
perform: e => e.applySurround('<sub>', '</sub>', 'subscript_text')
|
|
});
|
|
});
|
|
api.onToolbarCreate(toolbar => {
|
|
toolbar.addButton({
|
|
id: "align_center_button",
|
|
group: "extras",
|
|
icon: "align-center",
|
|
perform: e => e.applySurround('[wrap="center"]\n', '\n[/wrap]', 'align_center_text')
|
|
});
|
|
});
|
|
api.onToolbarCreate(toolbar => {
|
|
toolbar.addButton({
|
|
id: "align_justify_button",
|
|
group: "extras",
|
|
icon: "align-justify",
|
|
perform: e => e.applySurround('[wrap="justify"]\n', '\n[/wrap]', 'align_justify_text')
|
|
});
|
|
});
|
|
|
|
// EXTRAS
|
|
api.addToolbarPopupMenuOptionsCallback(() => {
|
|
return {
|
|
action: "bleucolor",
|
|
icon: "palette",
|
|
label: "bleu_color_button"
|
|
};
|
|
});
|
|
api.addToolbarPopupMenuOptionsCallback(() => {
|
|
return {
|
|
action: "rosecolor",
|
|
icon: "palette",
|
|
label: "rose_color_button"
|
|
};
|
|
});
|
|
api.addToolbarPopupMenuOptionsCallback(() => {
|
|
return {
|
|
action: "jaunecolor",
|
|
icon: "palette",
|
|
label: "jaune_color_button"
|
|
};
|
|
});
|
|
api.addToolbarPopupMenuOptionsCallback(() => {
|
|
return {
|
|
action: "orangecolor",
|
|
icon: "palette",
|
|
label: "orange_color_button"
|
|
};
|
|
});
|
|
api.addToolbarPopupMenuOptionsCallback(() => {
|
|
return {
|
|
action: "rougecolor",
|
|
icon: "palette",
|
|
label: "rouge_color_button"
|
|
};
|
|
});
|
|
api.addToolbarPopupMenuOptionsCallback(() => {
|
|
return {
|
|
action: "vertcolor",
|
|
icon: "palette",
|
|
label: "vert_color_button"
|
|
};
|
|
});
|
|
|
|
api.modifyClass("controller:composer", {
|
|
actions: {
|
|
bleucolor() {
|
|
this.get("toolbarEvent").applySurround('[color=#068EEF]', '[/color]', "bleu_color_text");
|
|
},
|
|
rosecolor() {
|
|
this.get("toolbarEvent").applySurround('[color=#EF06A0]', '[/color]', "rose_color_text");
|
|
},
|
|
jaunecolor() {
|
|
this.get("toolbarEvent").applySurround('[color=#EFC906]', '[/color]', "jaune_color_text");
|
|
},
|
|
orangecolor() {
|
|
this.get("toolbarEvent").applySurround('[color=#EF8806]', '[/color]', "orange_color_text");
|
|
},
|
|
rougecolor() {
|
|
this.get("toolbarEvent").applySurround('[color=#EF0606]', '[/color]', "rouge_color_text");
|
|
},
|
|
vertcolor() {
|
|
this.get("toolbarEvent").applySurround('[color=#2A821C]', '[/color]', "vert_color_text");
|
|
},
|
|
}
|
|
});
|
|
|
|
|
|
</script>
|