基本的 javascript 所见即所得编辑器

2024-01-07

我可以获得有关如何使用文本区域制作所见即所得编辑器的解释吗?我需要它做的就是解析基本的 html 标签,如粗体、斜体、下划线等。它不需要任何插入它的按钮,我只想在解析的文本区域标签内有一个默认文本html。

Example:

<textarea cols="20" rows="20" name="ok">
<b>wat</b>
</textarea>

这将打印出<b>wat</b>代替wat在文本区域内。

编辑:首选 jQuery


看看contenteditable属性。许多现代浏览器都支持它。只需将其添加到元素并进行编辑即可...

document.getElementById('something').contentEditable = true;

当然它不适用于文本区域。您需要将文本区域替换为 div 并使其可编辑。您还需要确保文本区域包含内容(例如innerHTML) 将 div 的值作为表单提交时的值。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

基本的 javascript 所见即所得编辑器 的相关文章

  • jQuery 验证日期范围问题

    我的代码中有很多地方有成对的相关开始和结束日期字段 范围 我需要验证开始日期早于结束日期 我正在使用 jQuery 验证插件 这是我的代码 http jsfiddle net jinglesthula dESz2 http jsfiddle
  • VS 2010 Web应用程序中的ASP.NET Web Api CRUD操作

    我尝试在 VS 2010 Web 应用程序中进行 ASP NET Web Api CRUD 操作 但为什么结果没有从源表返回所有整行 这是我的代码 路线 Globax asax protected void Application Star
  • 光滑的旋转木马不工作

    我一直在尝试简单地实现 Slick Carousel 的工作 我已按照 Git 页面上的说明进行操作 https github com kenwheeler slick https github com kenwheeler slick 这
  • 在 JavaScript 中定位提示弹出窗口

    我有一个如下所示的 JavaScript 提示 我想将提示放在屏幕中心 如何使用 javascript 做到这一点 function showUpdate var x var name prompt Please enter your na
  • 在 IE10 中禁用捏合放大

    在 IE10 触摸模式下 我希望仅使页面的特定部分可缩放 其余的不应该 我找到了这个 http msdn microsoft com en US library ie hh772044 aspx http msdn microsoft co
  • Jquery UI 日期选择器 设置默认日期

    我使用 jQuery UI 作为日期选择器 我想在字段中显示当前日期作为默认值 以下是我的代码 请帮助 From Date
  • canvas.getContext('2D') 返回空值

    我创建了一个画布并将其命名为getContext 方法 但它返回null为上下文 这是我使用的代码 我在控制台中得到了这个
  • JavaScript:从 JavaScript 调用锚标记的点击事件

    我有一个带有锚标记的页面 在我的 JavaScript 中 我设置HREF锚标记的属性基于一些 if else 条件动态变化 现在我想以编程方式调用锚标记的单击事件 我使用了下面的代码 但没有成功 var proxyImgSrc CostM
  • 如何使用 jQuery 通过 Ajax 发送复选框数组的值?

    我有一个包含很多表单字段的表单 12 x n 行 每行中的第一个字段 代表产品 是一个类似于以下内容的复选框
  • 在 php、ajax 或 javascript 中加载进度?

    任何人都知道如何在系统仍在服务器端获取数据的同时在客户端显示加载进度以及完成的百分比 例如 当我在客户端按下 确定 按钮时 它会调用服务器端从数据库收集数据 整个过程可能需要2到3分钟 如何在客户端显示加载进度 大约加载完成了多少 我怎样才
  • 更改时触发跨度文本/html

    jQuery 或 JavaScript 中是否有任何事件在以下情况下触发span标签 text html 已更改 Code span class user location span user location change functio
  • 在 jQuery AJAX 成功中从 MySql 获取特定响应

    好吧 我有这个 ajax 代码 它将在 Success 块中返回 MySql 的结果 ajax type POST url index php success function data alert data My Query sql SE
  • 如何将当前元素传递给 Knockout.js 绑定中的 Javascript 函数?

    因此 我尝试根据是否选中子复选框 使用 Knockout js 将类添加到元素 为此 我试图通过this作为我的函数的参数 目前 我的精简 DOM 结构如下 tr td td tr
  • 通过 jQuery 从输入类型=“文件”多个中删除文件

    我在使用 PHP 和 jQuery 上传文件时遇到问题 表单可以一次上传多个图像 这些图像可以在滑块中预览 表单还包含两个字段标题和描述 滑块通过 jQuery 工作 当用户通过单击选择文件来选择多个图像时
  • jQuery:如何在显示元素的同时使用高亮效果?

    我在一个页面上有两个元素 div content div div style display none different content div 当我点击当前显示的div 我想隐藏它并显示另一个 这很容易做到 a hide b show
  • 如何修复 getImageData() 错误画布已被跨源数据污染?

    我的代码在本地主机上运行得很好 但在网站上却不起作用 我从控制台收到此错误 对于这一行 getImageData x y 1 1 data Uncaught SecurityError Failed to execute getImageD
  • 如何在 JavaScript 中对关联数组进行排序?

    我需要为我的一个项目通过 JS 对关联数组进行排序 我发现这个函数在 Firefox 中运行得很好 但不幸的是它在 IE8 OPERA CHROME 中不起作用 无法找到使其在其他浏览器中运行的方法 或者找到另一个适合该目的的函数 我真的很
  • 数字和小数的输入掩码

    在测试我的程序后 我发现了以下错误 我在 sqlserver 中的表包含 价格数字 6 2 我的程序的用户输入价格 555 00 就很好了 但是当他输入 555555 时 这是错误的 所以我需要指定掩码 其中尾数是可选的 0 到 999 小
  • 如何设置 Firebase 用户的显示名称?

    根据Firebase网站上的JS Auth文档 它只展示了如何获取 displayName 以及如何更新 displayName 所以我尝试更新它 但这有点不合逻辑 因为你怎么能在不创建某些东西的情况下更新它呢 所以我的问题是 如何设置注册
  • 使用 JQuery 预填充选择字段的下拉选项验证

    我有这个 JQuery 片段来防止选择已在另一个字段中选择的下拉选项 var coll select name service on change function coll each function var val this value

随机推荐

  • 将单击的按钮的值从一个页面传递到另一页面 输入字段

    这个问题问得很奇怪 兜圈子 我有 2 页 第 1 页 上面有一个按钮 喜欢
  • 使用 Mockito 2 模拟服务会导致存根错误

    我尝试使用 Mockito 模拟类的行为 这使用 Mockito 1 x 有效 迁移到 JUnit 5 和 Mockito 2 似乎不再起作用了 ExtendWith MockitoExtension class public class
  • 为地图中的多边形着色,以便相邻多边形具有不同的颜色

    我制作了以下地图 library sf library leaflet library leafgl library colourvalues library leaflet extras nc lt st read system file
  • runMain 中的 sbt 非法动态引用

    我正在尝试运行代码生成器 并向其传递文件名以写入输出 resourceGenerators in proj Compile Def task val file resourceManaged in proj Compile value sw
  • 查明 Objective-C 类是否重写了方法 [重复]

    这个问题在这里已经有答案了 如何在运行时确定一个类是否重写了其超类的方法 例如 我想知道一个类是否有它自己的实现isEqual or hash 而不是依赖超类 您只需要获取方法列表 然后查找您想要的方法 import
  • 在 Flash 模式下寻找超出缓冲线的视频

    网络服务器模块ngx http mp4 module or mod h264 streaming允许 Flash 客户端使用 start 参数寻找超出下载缓冲区线的视频 例如 http server com path to video mp
  • 实体,处理大量记录(> 3500 万条)

    我们有一组相当大的相关表 每个表有超过 3500 万条相关记录 我需要创建几个 WCF 方法 它们使用一些参数 数据范围 类型代码等 查询数据库并返回相关结果集 从 10 到 10 000 条记录 该公司采用 EF 4 0 进行标准化 但对
  • 从 MS Access 2007 中删除 autoexec 宏

    我在 MS Access 2007 中创建了一个 autoexec 宏 但找不到它 我知道它在那里 因为它正在运行 但我找不到它来删除或修改 我可以看到我创建的其他宏 但没有看到自动执行宏 有人可以指出我正确的方向以找到它所在的位置 干杯
  • 如何获取最后滚动视图位置,scrollview

    我正在使用表格布局 其中有 100 个项目使其可滚动我在 ScrollView 中使用 Tablelayout 但我必须检测用户是否已滚动到最后一行 如果用户滚动到最后一个视图 则会向用户显示一条 Toast 消息 但是如何知道用户已滚动到
  • 配置 Silex 防火墙使用 api 密钥的正确方法

    我一直致力于制作一个接受 api 密钥的 api 并按照以下说明进行操作http symfony com doc current cookbook security api key authentication html http symf
  • 当前在 github 和 npmjs.org 上“退役”项目的最佳实践?

    我是 github 和 npm 上一个公共项目的维护者 当我创建该项目时 它比可用的替代方案更好地解决了我的特定需求 然而 社区已经赶上了并超越了我的解决方案 我什至不再使用我创建的工具 而且我对维护它不感兴趣 我为此更新了自述文件 但我仍
  • SQL Server 2005 报告服务 - 优点和缺点

    我正在使用 ASP NET 2 0 VS 2008 和 SQL Server 2005 开发一个 Web 应用程序 我想使用 SSRS 2005 来生成我需要为此 Web 应用程序构建的各种报告 我想说服团队 我们应该采用 SSRS 作为我
  • java.util.zip.ZipException:与 firebase 重复条目

    我正在使用 firebase 构建一个应用程序 但出现重复类错误 我已经检查了所有依赖项 但我无法弄清楚我在哪里有两个版本的 firebase 库 错误 任务 app transformClassesWithJarMergingForDeb
  • JavaScript 元组中的变量赋值

    在 Python 2 和 Python 3 等其他语言中 您可以定义元组变量并将值分配给元组变量 然后像这样检索它们的值 tuple Bob 24 name age tuple print name name evaluates to Bo
  • 如何自定义角度谷歌图表图例信息

    I have google chart line chart need to customize legend with some extra information Please refer this http plnkr co edit
  • MinGW C++ 使用向量退出值 127

    我在 C 中使用向量时遇到问题 我正在 Windows NetBeans 上使用 MinGW 以下代码 include
  • C使用malloc分配内存[重复]

    这个问题在这里已经有答案了 我不太明白 char string string malloc 1 if string NULL printf Couldn t able to allocate requested memory n else
  • 错误:用户“myuser”的密码验证失败

    如果我在 etc postgresql 9 4 main pg hba conf 中有一条记录特别信任我的特定用户 TYPE DATABASE USER ADDRESS METHOD local all myuser trust 因为我在
  • 你能在 Java 中运行真正的 ping 吗?

    过去几周我做了相当多的研究 试图创建一个连接诊断工具 我不想只是检查连接是否可用 而是诊断是否存在抖动 数据包丢失等 到目前为止 Java 似乎不支持真正的 ICMP 请求 并且有一些解决方法 但没有一个能够实现我想要做的事情 有谁知道是否
  • 基本的 javascript 所见即所得编辑器

    我可以获得有关如何使用文本区域制作所见即所得编辑器的解释吗 我需要它做的就是解析基本的 html 标签 如粗体 斜体 下划线等 它不需要任何插入它的按钮 我只想在解析的文本区域标签内有一个默认文本html Example