`
cocoIT
  • 浏览: 51057 次
  • 性别: Icon_minigender_1
  • 来自: 福建
文章分类
社区版块
存档分类
最新评论

所见即所得编辑器(js版)

 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function init()
{
var contentObj = document.getElementById("content");

//取得 iframe 内的窗口对象。firefox 可以直接用 contentObj.document;
var contentDocObj = contentObj.contentWindow.document;

contentDocObj.designMode = "on";
}

function makeBlob()
{
var contentDocObj = document.getElementById("content").contentWindow.document;

contentDocObj.execCommand("Bold",false,null);
}

function makeItalic()
{
var contentDocObj = document.getElementById("content").contentWindow.document;

contentDocObj.execCommand("Italic",false,null);
}

function changeColor()
{
var contentDocObj = document.getElementById("content").contentWindow.document;

contentDocObj.execCommand('ForeColor',false,'#BBDDCC');
}
</script>
</head>
<body _disibledevent=> <p><button _disibledevent=> <button _disibledevent=> <button _disibledevent=> </p>
<iframe id="content" width="400px" height="200px" style="border:1px solid"></iframe>
</body>
</html>
分享到:
评论

相关推荐

    22个所见即所得编辑器

    11. Kevin Roth's Cross Browser Rich Text Editor:Kevin Roth's Cross Browser Rich Text Editor 是一个不错的所见即所得编辑器,支持皮肤,符合 XHTML 标准,跨浏览器兼容,分免费版和收费版两个版本。...

    DotNetTextBox所见即所得编辑器控件 v3.0.3 Beta For Asp.Net2

    DotNetTextBox所见即所得编辑器控件 v3.0.3 Beta For Asp.Net2DotNetTextBox所见即所得编辑器控件 v3.0.3 Beta For Asp.Net2DotNetTextBox所见即所得编辑器控件 v3.0.3 Beta For Asp.Net2

    .Net里面TextBox所见即所得编辑器控件

    为了实现这样的高级编辑功能,开发者通常会转向使用专门的所见即所得编辑器控件。 所见即所得编辑器控件允许用户在界面上直接编辑内容,就像在Word文档中一样,编辑后的效果与最终显示的效果一致。在.NET中,虽然...

    所见即所得编辑器

    所见即所得编辑器,跟大家分享

    Discuz所见即所得编辑器

    所见即所得编辑器是论坛系统中的关键组件,通过JavaScript技术实现了直观的文本编辑体验,提高了用户在论坛中的互动性和内容质量。开发者可以通过深入理解并定制“tfubb”等文件,进一步优化编辑器功能,提升整个...

    最简单的所见即所得的UBB编辑器

    2. 所见即所得(WYSIWYG)原理:所见即所得编辑器通过JavaScript在前端实现对文本的实时格式化,将用户的操作转换为对应的HTML代码,从而在浏览器中即时呈现效果。 3. 编辑器集成:将这种UBB编辑器集成到网站或论坛...

    网页中所见即所得的编辑器

    在网页设计中,所见即所得编辑器极大地简化了非程序员或设计者的网页内容编辑工作。它们通常嵌入到内容管理系统(CMS)中,例如WordPress、Drupal和Joomla,使得内容创作者能够方便地添加文本、图片、链接、表格等...

    cakephp所见即所得编辑器

    通过以上步骤,你就能在CakePHP项目中成功集成并使用Tinymce所见即所得编辑器了。这将极大地提升用户在编辑内容时的体验,同时也方便开发者管理后台数据。请根据项目需求调整配置,以实现最佳效果。

    froala所见即所得编辑器

    "Froala所见即所得编辑器"是一款高度可定制且设计精美的富文本编辑器,广泛应用于网页和应用程序中,为用户提供类似Word的编辑体验。它允许用户在浏览器上直接编辑内容,所见即所得,极大地提升了内容创建的效率和...

    所见即所得html编辑器KindEditor3.1.2中文免费版.zip

    1. **所见即所得编辑模式**:KindEditor的核心特性是它的所见即所得编辑模式。用户可以直接在编辑区域输入文字、插入图片、设置格式,如加粗、斜体、下划线、字体颜色等,所有这些操作都会实时反映在预览区域,使得...

    可视化的CSS编辑器,所见即所得。

    这类编辑器允许用户通过直观的图形界面来编辑CSS(层叠样式表)代码,实现"所见即所得"的效果,极大地提升了工作效率和设计精度。 CSS,全称Cascading Style Sheets,是用于控制网页元素样式的一种语言。它与HTML...

    天枫所见即所得UBB编辑器asp版

    天枫所见即所得UBB编辑器asp版天枫所见即所得UBB编辑器asp版天枫所见即所得UBB编辑器asp版天枫所见即所得UBB编辑器asp版天枫所见即所得UBB编辑器asp版天枫所见即所得UBB编辑器asp版

    DotNetTextBox所见即所得编辑器控件 v3.4.0 开源版

    2)支持强大的换肤功能,用户能轻松DIY自己独有的个性化所见即所得编辑器控件! 3)支持自定义菜单功能模块,只需简单配置config文件即可DIY自己独有的功能菜单以及增减各种控件内置功能。 4)支持外挂插件功能,通过菜单...

    Typora 是一款提供了所见即所得(WYSIWYG)的编辑模式、流行的 Markdown 编辑器

    Typora 是一款流行的 Markdown 编辑器,它提供了所见即所得(WYSIWYG)的编辑模式,让用户可以更直观地编辑和预览 Markdown 格式的文档。Typora 的特点包括: 1.实时预览: Typora 提供了实时预览功能,用户在编辑 ...

    react-froala-wysiwyg, Froala所见即所得HTML富文本编辑器的反应组件.zip

    react-froala-wysiwyg, Froala所见即所得HTML富文本编辑器的反应组件 反应 JS Froala所见即所得编辑器 react-froala-wyswiyg为 Froala WYSIWYG编辑器版本 2提供了响应绑定。安装npm install react-froala-wysiwyg --

    所见即所得,html编辑框,.net 版本

    "所见即所得"(What You See Is What You ...总的来说,百度的这款.NET版所见即所得HTML编辑器为ASP.NET开发者提供了一种强大的内容编辑解决方案,简化了网页制作过程,提升了开发效率,是构建现代Web应用的有力工具。

    md-wysiwyg-editor:“ Markdown所见即所得编辑器”(临时名称)是一个简单的Web富文本格式所见即所得markdown编辑器

    Markdown所见即所得编辑器 “ Markdown WYSIWYG编辑器”(占位符名称)是一个简单的Web RTF / WYSIWYG markdown编辑器,以JavaScript,HTML和CSS编写。 它是由和 ,各种markdown-HTML转换引擎( , 和 )以及新的 ...

     FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器

    2. **实例化**:在网页中引入FCKeditor的JavaScript文件,通过JavaScript代码创建编辑器实例。 3. **个性化设置**:可以通过配置文件调整编辑器的外观和功能,如禁用某些工具栏按钮,设置默认样式等。 4. **数据...

    jtbcEditor轻量级UBB所见即所得编辑器 v1.0 v1.0

    现在的编辑器一般主要分为2种,1种是非所见所得的UBB编辑器,1种是所见即所得的HTML编辑器,非所见所得的UBB编辑器虽然在编辑时不方便直接看到效果,但以其安全的特性依然在很多系统中广泛使用,而HTML编辑器虽然...

    天枫所见即所得UBB编辑器

    《天枫所见即所得UBB编辑器》是一款基于ASP技术构建的富文本编辑器,专为提升在线内容创作体验而设计。这款编辑器源于Discuz! 6.0的编辑器,集成了最新的功能与优化,使得用户在网页端进行文字编辑时能够享受到更加...

Global site tag (gtag.js) - Google Analytics