Javascript 如何在js中向textarea添加文本
我在我的网站hokuco.com的文本编辑器中添加文本时遇到问题。 这就是我所拥有的 请尝试我的示例,您将看到文本框包含文本,我希望它自动添加到java脚本中,而编辑代码的人将看不到它Javascript 如何在js中向textarea添加文本,javascript,html,Javascript,Html,我在我的网站hokuco.com的文本编辑器中添加文本时遇到问题。 这就是我所拥有的 请尝试我的示例,您将看到文本框包含文本,我希望它自动添加到java脚本中,而编辑代码的人将看不到它 在这里输入 html 身体 link rel=“stylesheet”type=“text/css”href=“ceedweb.css”/ !--在下面键入,顺便说一下,这是一个注释标记,您不需要它-- 身体 /html 另存为: 选择文件加载: 加载文件 函数saveTextAsFile() { var
在这里输入
html
身体
link rel=“stylesheet”type=“text/css”href=“ceedweb.css”/
!--在下面键入,顺便说一下,这是一个注释标记,您不需要它--
身体
/html
另存为:
选择文件加载:
加载文件
函数saveTextAsFile()
{
var textToWrite=document.getElementById(“InputExtToSave”).value;
var textFileAsBlob=newblob([textToWrite],{type:'text/html'});
var fileNameToSaveAs=document.getElementById(“inputFileNameToSaveAs”).value;
var downloadLink=document.createElement(“a”);
downloadLink.download=fileNameToSaveAs;
downloadLink.innerHTML=“下载文件”;
如果(window.webkitURL!=null)
{
downloadLink.href=window.webkitURL.createObjectURL(textFileAsBlob);
}
其他的
{
downloadLink.href=window.URL.createObjectURL(textFileAsBlob);
downloadLink.onclick=destroyClickedElement;
downloadLink.style.display=“无”;
document.body.appendChild(下载链接);
}
downloadLink.click();
}
函数销毁ClickedElement(事件)
{
document.body.removeChild(event.target);
}
函数loadFileAsText()
{
var fileToLoad=document.getElementById(“fileToLoad”).files[0];
var fileReader=newfilereader();
fileReader.onload=函数(fileLoadedEvent)
{
var textFromFileLoaded=fileloadevent.target.result;
document.getElementById(“inputTextToSave”).value=textFromFileLoaded;
};
readAsText(fileToLoad,“UTF-8”);
}
如果您希望将该文本区域的内容添加到用户输入中,而不让它们出现在文本区域内,您只需在进一步处理之前对文本区域的值执行字符串连接即可:
var textToWrite = 'stuff that comes before';
textToWrite += document.getElementById("inputTextToSave").value;
textToWrite += 'stuff that comes after';
// And then do all the rest.
var textFileAsBlob = new Blob([textToWrite], {type:'text/html'});
如果您希望将该textarea的内容添加到用户的输入中,而不使其出现在textarea中,则只需在进一步处理之前对textarea的值执行字符串连接即可:
var textToWrite = 'stuff that comes before';
textToWrite += document.getElementById("inputTextToSave").value;
textToWrite += 'stuff that comes after';
// And then do all the rest.
var textFileAsBlob = new Blob([textToWrite], {type:'text/html'});
文本框仅用于显示文本,您的编辑器需要打开designmode,如果它是div,则需要打开ContentEditable文本框仅用于显示文本,您的编辑器需要打开designmode,如果它是div,则需要打开ContentEditable无需担心!很高兴我能帮忙,不用担心!很高兴我能帮忙。