You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
4.4 KiB
37 lines
4.4 KiB
<script src="<?php echo BASE_URL_ORIG;?>js/editor/tinymce.min.js"></script>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
tinymce.init({
|
|
selector: 'textarea',
|
|
height: 400,
|
|
menubar: false,
|
|
paste_as_text: true,
|
|
entity_encoding : "raw",
|
|
plugins: [
|
|
'advlist autolink lists link image charmap print preview anchor textcolor',
|
|
'searchreplace visualblocks code fullscreen',
|
|
'insertdatetime media table contextmenu paste code responsivefilemanager codesample'
|
|
],
|
|
toolbar: 'insert | undo redo | styleselect | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist | removeformat codesample code',
|
|
language: '<?php echo $BT_LANGUAGE;?>',
|
|
<?php if ($jkl["rtlsupport"]) { ?>
|
|
directionality : 'rtl',
|
|
<?php } ?>
|
|
content_css : "<?php echo BASE_URL_ORIG;?>css/bootstrap.css",
|
|
content_style: "body {padding: 10px}",
|
|
external_filemanager_path:"<?php echo BASE_URL_ORIG;?>js/editor/filemanager/",
|
|
filemanager_title:"Filemanager" ,
|
|
external_plugins: { "filemanager" : "<?php echo BASE_URL_ORIG;?>js/editor/filemanager/plugin.min.js"},
|
|
relative_urls: false
|
|
});
|
|
|
|
for (const el of document.querySelectorAll('.tagin')) {
|
|
tagin(el)
|
|
}
|
|
|
|
});
|
|
|
|
function tagin(el,option={}){const classElement="tagin",classWrapper="tagin-wrapper",classTag="tagin-tag",classRemove="tagin-tag-remove",classInput="tagin-input",classInputHidden="tagin-input-hidden",defaultSeparator=",",defaultDuplicate="false",defaultTransform=e=>e,defaultPlaceholder="",separator=el.dataset.separator||option.separator||defaultSeparator,duplicate=el.dataset.duplicate||option.duplicate||defaultDuplicate,transform=eval(el.dataset.transform)||option.transform||defaultTransform,placeholder=el.dataset.placeholder||option.placeholder||defaultPlaceholder,templateTag=e=>`<span class="${classTag}">${e}<span class="${classRemove}"></span></span>`,getValue=()=>el.value,getValues=()=>getValue().split(separator);!function(){const e=`<div class="${classWrapper+" "+el.className.replace(classElement,"").trim()}">${""===getValue().trim()?"":getValues().map(templateTag).join("")}<input type="text" class="${classInput}" placeholder="${placeholder}"></div>`;el.insertAdjacentHTML("afterend",e)}();const wrapper=el.nextElementSibling,input=wrapper.getElementsByClassName(classInput)[0],getTags=()=>[...wrapper.getElementsByClassName(classTag)].map((e=>e.textContent)),getTag=()=>getTags().join(separator),updateValue=()=>{el.value=getTag(),el.dispatchEvent(new Event("change"))};function autowidth(){const e=document.createElement("div");e.classList.add(classInput,classInputHidden);const t=input.value||input.getAttribute("placeholder")||"";e.innerHTML=t.replace(/ /g," "),document.body.appendChild(e),input.style.setProperty("width",Math.ceil(window.getComputedStyle(e).width.replace("px",""))+1+"px"),e.remove()}function addTag(e=!1){const t=transform(input.value.replace(new RegExp(escapeRegex(separator),"g"),"").trim());""===t&&(input.value=""),(input.value.includes(separator)||e&&""!=input.value)&&(getTags().includes(t)&&"false"===duplicate?alertExist(t):(input.insertAdjacentHTML("beforebegin",templateTag(t)),updateValue()),input.value="",input.removeAttribute("style"))}function alertExist(e){for(const t of wrapper.getElementsByClassName(classTag))t.textContent===e&&(t.style.transform="scale(1.09)",setTimeout((()=>{t.removeAttribute("style")}),150))}function updateTag(){getValue()!==getTag()&&([...wrapper.getElementsByClassName(classTag)].map((e=>e.remove())),""!==getValue().trim()&&input.insertAdjacentHTML("beforebegin",getValues().map(templateTag).join("")))}function escapeRegex(e){return e.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g,"\\$&")}wrapper.addEventListener("click",(()=>input.focus())),input.addEventListener("focus",(()=>wrapper.classList.add("focus"))),input.addEventListener("blur",(()=>wrapper.classList.remove("focus"))),document.addEventListener("click",(e=>{e.target.closest("."+classRemove)&&(e.target.closest("."+classRemove).parentNode.remove(),updateValue())})),input.addEventListener("keydown",(e=>{""===input.value&&8===e.keyCode&&wrapper.getElementsByClassName(classTag).length&&(wrapper.querySelector("."+classTag+":last-of-type").remove(),updateValue())})),input.addEventListener("input",(()=>{addTag(),autowidth()})),input.addEventListener("blur",(()=>{addTag(!0),autowidth()})),autowidth(),el.addEventListener("change",(()=>updateTag()))}
|
|
|
|
</script>
|
|
|