私はjavascriptが苦手です。私は次のコードを使用しており、テキスト領域に入力された改行を<br>
タグにしたいと考えています。私はしばらく探し回っていましたが、機能するものが見つからないようです。誰かが私を助けてくれれば、それは素晴らしいことです!
////////////////SETTINGS//////////////
var editableElements = new Array("p", "h1","ul"); //List of editable elements
var doubleClick = false; //If false, single click is used to start editing
var allowNull = true; //If a editable region is allowed to be blank
var nullValue = "none"; //If it is blank, what should it show
var textEditorSize = 50; //In px
//////////////////////////////////////
var currentlyEditing = false;
function loadEditor(actionFile){
contents = document.body.innerHTML;
document.body.innerHTML = '<form action="' + actionFile + '" method="post" id="editor429_form"><input type="button" value="Save Page" name="savepage" onclick="savePage(this)" /><input type="hidden" name="pagecontents" value="" /></form>' + contents;
document.onkeydown = function(event){ changeEditor(event); }
for(z = 0; z <= editableElements.length - 1; z++){
elements = document.getElementsByTagName(editableElements[z]);
for(i = 0; i <= elements.length - 1; i++){
if(doubleClick == true){
elements[i].ondblclick = function(){ startEditor(this); }
}else{
elements[i].onclick = function(){ startEditor(this); }
}
}
}
}
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g,"");
}
function startEditor(me){
if(currentlyEditing == false){
contents = me.innerHTML;
me.innerHTML = '<textarea class="editor429_editor" id="editorBox" style="width: 100%;height:' + textEditorSize + 'px;" onblur="endEditor(this)">' + contents + '</textarea>';
currentlyEditing = true;
document.getElementById('editorBox').focus();
}
}
function endEditor(me){
contents = me.value;
if(contents.trim() == "") contents = nullValue;
me.parentNode.innerHTML = contents;
currentlyEditing = false;
}
function savePage(me){
me.parentNode.pagecontents.value = (document.body.innerHTML.search('</form>') != -1) ? document.body.innerHTML.trim().substr(document.body.innerHTML.indexOf('</form>') + 7):document.body.innerHTML.trim().substr(document.body.innerHTML.indexOf('</FORM>') + 7);
me.parentNode.submit();
}
function changeEditor(e){
//38 up
//40 down
if((e.keyCode == 38 || e.keyCode == 40 ) && e.altKey == true && currentlyEditing == true){
if(e.keyCode == 38){
document.getElementById('editorBox').style.height = "50px";
}else if(e.keyCode == 40){
}
}
}