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.
79 lines
2.6 KiB
79 lines
2.6 KiB
(function() {
|
|
var pens = {};
|
|
|
|
Array.prototype.forEach.call(document.querySelectorAll('.textarea'), function(editor) {
|
|
startEditing(editor);
|
|
});
|
|
|
|
function startEditing(editor) {
|
|
var name = editor.dataset.name;
|
|
pens[name] = new Pen({
|
|
editor: editor,
|
|
class: 'pen',
|
|
textarea: '<textarea name="' + name + '"></textarea>',
|
|
list: ['p', 'h3', 'h4', 'blockquote', 'insertorderedlist', 'insertunorderedlist', 'bold', 'italic', 'underline', 'strikethrough', 'createlink', 'insertimage'],
|
|
title: {
|
|
'p': 'Paragraph',
|
|
'h3': 'Major Heading',
|
|
'h4': 'Minor Heading',
|
|
'blockquote': 'Quotation',
|
|
'insertorderedlist': 'Ordered List',
|
|
'insertunorderedlist': 'Unordered List',
|
|
'bold': 'Bold',
|
|
'italic': 'Italic',
|
|
'underline': 'Underline',
|
|
'strikethrough': 'Strikethrough',
|
|
'createlink': 'Link',
|
|
'insertimage': 'Image'
|
|
}
|
|
});
|
|
}
|
|
|
|
Array.prototype.forEach.call(document.querySelectorAll('form'), function(form) {
|
|
var shouldAllowAlert = false;
|
|
form.addEventListener('submit', function() {
|
|
if (shouldAllowAlert) {
|
|
return;
|
|
}
|
|
Array.prototype.forEach.call(document.querySelectorAll('.textarea'), function(editor) {
|
|
var name = editor.dataset.name;
|
|
var textarea = document.querySelector('textarea[name="' + name + '"]');
|
|
if (!textarea) {
|
|
textarea = document.createElement('textarea');
|
|
textarea.name = name;
|
|
textarea.style.display = 'none';
|
|
form.appendChild(textarea);
|
|
}
|
|
textarea.value = editor.innerHTML;
|
|
pens[name].destroy();
|
|
});
|
|
}, false);
|
|
Array.prototype.forEach.call(form.querySelectorAll('button'), function(button) {
|
|
form.addEventListener('click', function(event) {
|
|
shouldAllowAlert = (event.target.value === 'cancel');
|
|
});
|
|
});
|
|
});
|
|
|
|
Array.prototype.forEach.call(document.querySelectorAll('.check-box-field .other input'), function(input) {
|
|
var checkbox = document.getElementById(input.parentElement.parentElement.attributes.for.value);
|
|
input.addEventListener('keyup', function(event) {
|
|
if (event.target.value) {
|
|
checkbox.checked = true;
|
|
}
|
|
});
|
|
input.addEventListener('click', function(event) {
|
|
checkbox.checked = true;
|
|
});
|
|
var setRequired = function() {
|
|
if (checkbox.checked) {
|
|
input.setAttribute('required', 'required');
|
|
} else {
|
|
input.removeAttribute('required');
|
|
}
|
|
};
|
|
Array.prototype.forEach.call(document.querySelectorAll('.check-box-field input'), function(_input) {
|
|
_input.addEventListener('change', function(event) { setRequired(); });
|
|
});
|
|
});
|
|
})();
|
|
|