js 文本编辑器

作者：农村混血兒发布日期:2025-09-09 浏览:99

// 创建一个简单的 JavaScript 文本编辑器

// HTML 部分
/*
<textarea id="editor" rows="10" cols="50"></textarea>
<button onclick="saveText()">保存</button>
*/

// JavaScript 部分
function saveText() {
    // 获取文本框中的内容
    var text = document.getElementById("editor").value;

    // 在这里可以添加保存逻辑，比如保存到本地存储或发送到服务器
    console.log("保存的文本:", text);
}

// 解释说明:
// 1. 使用 <textarea> 标签创建一个多行文本输入框，用户可以在其中输入和编辑文本。
// 2. 使用 <button> 标签创建一个按钮，点击按钮时会触发 `saveText` 函数。
// 3. `saveText` 函数获取文本框中的内容，并将其打印到控制台。你可以根据需要修改保存逻辑。

上一篇：js 在线编辑器

下一篇：js 代码编辑器