`

textarea支持图形编辑的实现方法

    博客分类：
  • web
JavaScriptHTML.net 
阅读更多


本来以为只有iframe支持编辑了，今天突然发现textarea也支持编辑 ：（ 是不是我太愚钝了？ textarea不能用innerHTML来插入html，而用appendChild 这样的话稍微修改下，评论等简单的textarea的表情插入就可以直接显示出来了 而不是只显示emot了

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
</head>

<body>

<textarea id="editor" rows="13" cols="50">我的logo：</textarea>

<script type="text/javascript" >
var editor = document.getElementById('editor');
var img = document.createElement('img');
img.src = 'http://onewww.net/images/logo.jpg';
editor.appendChild(img);

alert(editor.innerHTML);

</script>

</body>
</html>

分享到：
| 有一种图片叫经典
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Java图形实现json格式化

    Java图形实现JSON格式化主要涉及两个核心技术点：Java对JSON对象的操作和图形界面的设计。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于JavaScript的一个子集，易于人阅读和编写，同时也...

    文本编辑器-textField实现

    在GUI（图形用户界面）应用中，`TextField`组件是实现文本输入和编辑的基本元素。在这里，我们将深入探讨如何使用`TextField`来创建一个功能丰富的文本编辑器。 `TextField`是JavaFX或Swing等GUI库中的一个类，它...

    Draw2D 模拟SWT控件之TextField、TextArea

    在Draw2D中模拟TextField，我们需要实现类似的功能，允许用户在2D图形区域内进行文本输入。 3. TextArea： TextArea是SWT中的多行文本输入控件，用户可以在这里输入多行文本，比如代码或长段落。与TextField不同，...

    简单的网页文本编辑器

    富文本编辑器通过JavaScript库实现，如TinyMCE、CKEditor或Quill，它们将`textarea`转换为可编辑的富文本区域，允许用户进行格式化操作。 3. **字体与样式控制**： - 用户可以更改文本的字体、颜色和大小。这通常...

    java编写的简单文本编辑器

    为了实现基本的文本编辑功能，如剪切、复制和粘贴，可以利用`TextArea`的`cut()`, `copy()`, 和 `paste()`方法。这些方法依赖于系统剪贴板，由`java.awt.Toolkit`和`java.awt.datatransfer`包提供。 此外，为了提供...

    java课设文档编辑器

    1. **图形界面**：编辑器的图形界面采用AWT库，核心组件是TextArea，用于文本编辑。AWT库因其简洁、实用和高效而被选用。为了简化设计，只保留了基础功能，例如，未实现自动换行、字体设置和打印功能。 2. **线程与...

    java文本编辑器(记事本)

    在编辑器中，可能需要对选中的文本进行复制、剪切、粘贴等操作，这些功能的实现都需要对字符串进行相应的操作。 5. **多线程**: 在某些情况下，比如大文件的读写操作，为了防止阻塞主线程，开发者可能会使用多线程...

    jquery 文本编辑

    该文件通常会定义一个插件，使得可以通过简单的jQuery选择器和方法调用来初始化和操作文本编辑器。例如，开发者可以使用`$('textarea').wysiwyg();`来将一个普通的文本输入框转换为富文本编辑器。 在jQuery文本编辑...

    swing 文本编辑器

    在 Swing 应用中，这些资源文件可以用来实现文本编辑器的多语言支持。 6. **src**: 这是源代码目录，其中包含了 Java 源代码文件。在 Swing 文本编辑器项目中，你会在这里找到关于如何使用 RSyntaxTextArea、...

    编辑框控件

    在一些应用中，用户可能需要上传照片或图片，编辑框可以扩展以支持这种功能，通常通过添加按钮或拖放操作来实现。 另一个文件"nicEdit"可能是一个富文本编辑器库的名称。NicEdit是一个轻量级的JavaScript库，用于将...

    KindEditor文本编辑器

    该编辑器支持多种语言，包括中文，方便不同地区的用户使用。其设计简洁，操作界面友好，无论是初学者还是经验丰富的开发者都能快速上手。KindEditor还提供了一套完整的API文档，帮助开发者自定义编辑器的功能，满足...

    文本编辑器源码

    描述中的“支持换行、空格”是指文本编辑器的基本功能，用户可以通过按下回车键进行换行，空格键则用于在文本中插入空隙，使文字排列更加清晰。这些功能在任何文本编辑器中都是不可或缺的。 “加粗、颜色、字号、...

    jquery 富文本编辑器

    在给定的“jquery 富文本编辑器”主题下，我们将深入探讨jQuery框架下实现富文本编辑器的相关知识点。 首先，jQuery是一个高效、简洁的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。jQuery...

    文本编辑器的优秀代码

    而JavaFX则是一个更现代、更富表现力的UI框架，它支持3D图形和CSS样式，可以为文本编辑器带来更美观的外观。 在这个代码中，我们可以期待看到以下关键知识点： 1. **Swing或JavaFX组件**：开发者可能使用了...

    java图形界面编程

    AWT组件包括按钮、文本框、标签、滚动条等基本元素，这些元素被称为轻量级组件，因为它们依赖于操作系统来提供底层的图形支持。AWT的主要优点是与平台无关性，但缺点是外观可能与操作系统的默认样式不一致。 1. AWT...

    Java编写文本编辑器

    7. **多文档接口（MDI）**：如果要支持同时编辑多个文件，可以考虑实现MDI，让用户能在同一窗口内切换和管理多个文档。 8. **语法高亮**：为了让代码更易读，可以实现简单的语法高亮功能。这可能需要分析文本中的...

    富文本编辑器案例代码版

    本案例"富文本编辑器案例代码版"可能包含一个基于Java的富文本编辑器实现，可能使用了Swing或JavaFX这两个Java图形用户界面（GUI）库。Swing是Java的标准GUI库，而JavaFX则提供更现代、更丰富的图形和媒体功能，特别...

    JS 插件NicEdit富文本编辑器特效源码.rar

    《JS插件NicEdit富文本编辑器特效源码详解》 在网页开发中，富文本编辑器是不可或缺的一部分，它...无论是简单的文本编辑还是复杂的页面内容构建，NicEdit都能提供强大的支持，帮助开发者实现更为丰富的页面显示效果。

Magicbox
Global site tag (gtag.js) - Google Analytics