خيار واحد ممكن هو استخدام مكون سمة.
يوضع هذا في header.html
<script type="text/discourse-plugin" version="0.8">
var disclaimer = settings.Disclaimer_text,
disclaimer_selector = 'div[data-theme="disclaimer"]';
$.fn.disclaimer = function() {
if (!this.length) {
return;
} else {
this.each(function() {
$(this).html(disclaimer);
});
return this;
}
};
api.decorateCooked($elem => $elem.children(disclaimer_selector).disclaimer());
// إنشاء زر في محرر الرسائل
let currentLocale = I18n.currentLocale();
I18n.translations[currentLocale].js.disclaimer_button = "إضافة إخلاء مسؤولية";
I18n.translations[currentLocale].js.composer.disclaimer_prompt = ""; // اتركه فارغًا
api.onToolbarCreate(function(toolbar) {
toolbar.addButton({
trimLeading: true,
id: "disclaimer-button",
group: "insertions",
icon: "exclamation-circle", // تغيير الأيقونة
title: "disclaimer_button",
perform: function(e) {
return e.applySurround(
'<div data-theme="disclaimer">',
"</div>",
"disclaimer_prompt"
);
}
});
});
</script>
ويوضع هذا في ملف settings.yml الخاص بالمكون الخاص بك
Disclaimer_text:
default: "Lorem ipsum dolor sit amet, ei purto complectitur has, per at quas senserit. Et malis libris eos, vix id pericula dissentiet, aliquid apeirian pro eu. Sed ex viderer inciderint, vitae officiis dissentiet eos no. Omnes percipit singulis in has, ne nam nibh tation inciderint. Quas nulla ei sit, ex eam rebum voluptaria. Id eam altera similique. Ex justo assentior persequeris mea, ei hinc paulo ubique mei. <br><br>Cu nam epicurei torquatos, et accusam accommodare vim. Vis sint saperet officiis et. Ad consequat posidonium mea, et duo paulo quidam maluisset, vel an electram expetendis. An vis repudiare tincidunt, mentitum convenire eloquentiam ut vis, summo partiendo pro ad."
description:
en: أدخل نص إخلاء المسؤولية المطلوب. استخدم <br> لفواصل الأسطر.
ستحصل بعد ذلك على زر في محرر الرسائل يبدو كما يلي:
وبالنقر على الزر سيتم إضافة
<div data-theme="disclaimer"></div>
الذي يتحول إلى ما حددته في إعدادات المكون
ويظهر الناتج النهائي بهذا الشكل
ويمكنك استخدام
[data-theme="disclaimer"] {
}
في CSS لتنسيقه بالطريقة التي تفضلها.
