【JavaScript】用于模拟 word 生成网页页面的插件

最新推荐文章于 2024-11-29 11:57:58 发布
最新推荐文章于 2024-11-29 11:57:58 发布
阅读量5.1k 收藏 4
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013642500/article/details/105056295
DocTool是一款基于jQuery的开源文档生成插件，模仿Microsoft Office Word的功能，提供丰富的页面调整选项，包括分页、页面大小调整等，并支持创建各种段落文本、图片和表格，适用于网页端文档编辑。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

DocTool

开源网址

https://github.com/supsunc/docTool

简介

  1. 用于模拟 Microsoft Office Word 生成页面。

  2. 本插件基于 jQuery-3.4.1 实现。

  3. 本插件使用 ES6 语法，可能与部分浏览器不兼容。

使用

1. 引入文件

css/docTool.css

js/docTool.js

2. 初始化

默认样式：A4 大小，宽 792px，高 1120px，上边距 94px，下边距 94px，左边距 118px，右边距 118px，背景底色为白色，字体为 Arial。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="container"></div>
</body>
</html>
  • 初始化首页
let doc = new DocTool("container");
// let doc = new DocTool("container", true);
  • 不初始化首页
let doc = new DocTool("container", false);

3. 页面调整

1) 插入分页符

相当于添加一个空白页。

doc.addPage();
2) 删除最后一页
doc.deleteLastPage();
3) 删除第一页
doc.deleteFirstPage();
4) 删除指定页码的页

页码从 0 开始。

let index = 0;
doc.deletePage(index);
5) 删除全部页
doc.deletePage();
6) 改变页面大小
doc.changePageSize("A4");   // 目前仅支持 A4 大小
7) 设置自定义页面参数

应用于 css 样式，单位需要为“px”，参数类型可为 string 可为 number。

1.页面宽度

doc.setPageWidth(width);

2.页面高度

doc.setPageHeight(height);

3.页面上边距

doc.setPagePaddingTop(paddingTop);

4.页面右边距

doc.setPagePaddingRight(paddingRight);

5.页面下边距

doc.setPagePaddingBottom(paddingBottom);

6.页面左边距

doc.setPagePaddingLeft(paddingLeft);

4. 创建段落文本

1) 标题

默认样式：字号 30px（24 号），加粗，居中，行高 54px（1.5 行），段前 18px（0.5 行）。

1.可通过第二个参数指定样式，该参数遵循 jQuery 的 css 语法。

doc.createTitle("Title");
doc.createTitle("Title", {
    color: "#f00"
});

2.可通过相关方法修改标题样式。

  • 方式一
doc.setTitleFontSize("30px");
doc.setTitleFontWeight("bold");
doc.setTitleFontColor("#000");
doc.setTitleTextAlign("center");
doc.setTitleLineHeight("54px");
doc.setTitleParagraphPaddingTop("18px");
doc.setTitleParagraphPaddingBottom("0px");
  • 方式二，该参数遵循 jQuery 的 css 语法
doc.setTitleStyle({
    fontSize: "30px",
    fontWeight: "bold"
});

当调用方式二时，会覆盖方式一的全部设置，只有在方式二中传入空对象 {}，或清除自定义样式才能使方式一的设置生效。

3.可清除自定义样式。

  • 清除设置并生效
doc.clearTitleStyle();
  • 仅清除设置
doc.clearTitleStyleSetting();
2) 副标题

默认样式：字号 23px（18 号），加粗，居中，行高 39px（1.5 行），段前 13px（0.5 行）。

1.可通过第二个参数指定样式，该参数遵循 jQuery 的 css 语法。

doc.createSubTitle("SubTitle");
doc.createSubTitle("SubTitle", {
    color: "#f00"
});

2.可通过相关方法修改副标题样式。

  • 方式一
doc.setSubTitleFontSize("23px");
doc.setSubTitleFontWeight("bold");
doc.setSubTitleFontColor("#000");
doc.setSubTitleTextAlign("center");
doc.setSubTitleLineHeight("39px");
doc.setSubTitleParagraphPaddingTop("13px");
doc.setSubTitleParagraphPaddingBottom("0px");
  • 方式二，该参数遵循 jQuery 的 css 语法
doc.setSubTitleStyle({
    fontSize: "23px",
    fontWeight: "bold"
});

当调用调用方式二时，会覆盖方式一的全部设置，只有在方式二中传入空对象 {}，或清除自定义样式才能使方式一的设置生效

3.可清除自定义样式。

  • 清除设置并生效
doc.clearSubTitleStyle();
  • 仅清除设置
doc.clearSubTitleStyleSetting();
3) 一级标题

默认样式：字号 20px（16 号），加粗，居左，行高 33px（1.5 行），段前 11px（0.5 行）。

1.可通过第二个参数指定样式，该参数遵循 jQuery 的 css 语法。

doc.createH1("Title 1");
doc.createH1("Title 1", {
    color: "#f00"
});

2.可通过相关方法修改一级标题样式。

  • 方式一
doc.setH1FontSize("20px");
doc.setH1FontWeight("bold");
doc.setH1FontColor("#000");
doc.setH1TextAlign("center");
doc.setH1LineHeight("33px");
doc.setH1ParagraphPaddingTop("11px");
doc.setH1ParagraphPaddingBottom("0px");
  • 方式二，该参数遵循 jQuery 的 css 语法
doc.setH1Style({
    fontSize: "20px",
    fontWeight: "bold"
});

当调用调用方式二时，会覆盖方式一的全部设置，只有在方式二中传入空对象 {}，或清除自定义样式才能使方式一的设置生效

3.可清除自定义样式。

  • 清除设置并生效
doc.clearH1Style();
  • 仅清除设置
doc.clearH1StyleSetting();
4) 二级标题

默认样式：字号 18px（14 号），加粗，居左，行高 31px（1.5 行），段前 10px（0.5 行）。

1.可通过第二个参数指定样式，该参数遵循 jQuery 的 css 语法

doc.createH2("Title 2");
doc.createH2("Title 2", {
    color: "#f00"
});

2.可通过相关方法修改二级标题样式

  • 方式一
doc.setH2FontSize("18px");
doc.setH2FontWeight("bold");
doc.setH2FontColor("#000");
doc.setH2TextAlign("center");
doc.setH2LineHeight("31px");
doc.setH2ParagraphPaddingTop("10px");
doc.setH2ParagraphPaddingBottom("0px");
  • 方式二，该参数遵循 jQuery 的 css 语法
doc.setH2Style({
    fontSize: "30px",
    fontWeight: "bold"
});

当调用调用方式二时，会覆盖方式一的全部设置，只有在方式二中传入空对象 {}，或清除自定义样式才能使方式一的设置生效

3.可清除自定义样式。

  • 清除设置并生效
doc.clearH2Style();
  • 仅清除设置
doc.clearH2StyleSetting();
5) 正文

默认样式：字号 14px（10.5 号），居左，行高 24px（1.5 行），段前 8px（0.5 行）。

1.可创建两种形式正文

  • 方式一(仅一个参数)：普通文本，默认样式
doc.createText("Text");
  • 方式二(两个参数)：第一个参数为粗体文本，其余样式符合默认样式，第二个参数为普通文本符合默认样式
doc.createText("Title", "Text");

2.可通过相关方法修改正文样式

  • 方式一
doc.setTextFontSize("14px");
doc.setTextFontWeight("normal");
doc.setTextFontColor("#000");
doc.setTextTextAlign("center");
doc.setTextLineHeight("24px");
doc.setTextParagraphPaddingTop("8px");
doc.setTextParagraphPaddingBottom("0px");
  • 方式二，该参数遵循 jQuery 的 css 语法
doc.setTextStyle({
    fontSize: "14px",
    fontWeight: "bold"
});

当调用调用方式二时，会覆盖方式一的全部设置，只有在方式二中传入空对象 {}，或清除自定义样式才能使方式一的设置生效

3.可清除自定义样式。

  • 清除设置并生效
doc.clearTextStyle();
  • 仅清除设置
doc.clearTextStyleSetting();
6) 自定义文本

默认样式：无。

  • 方式一：创建无样式的文本
doc.createCustomText("Text");
  • 方式二：创建指定 css 类的文本
doc.createCustomText("Title", "docText");
doc.createCustomText("Title", ["docText", "docH1"]);
  • 方式三：创建指定样式的文本，第三个参数该参数遵循 jQuery 的 css 语法
doc.createCustomText("Title", "", {
    fontSize: "14px",
    fontWeight: "bold"
});
doc.createCustomText("Title", [], {
    fontSize: "14px",
    fontWeight: "bold"
});
doc.createCustomText("Title", undefined, {
    fontSize: "14px",
    fontWeight: "bold"
});

第二个和第三个参数可同时使用

5. 创建图片

1) 通过图片 base64 创建图片行

默认样式：居中

  • 方式一：带 mimeType 前缀的 base64
let base64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF+mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA2LTI3VDE1OjQwOjEzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wMy0yM1QxNzozNzozNiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wMy0yM1QxNzozNzozNiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MTk3YWUwYi1jMmNkLTUzNDEtODE0Mi1mMjU5YjAwZTMyZTkiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiODQwYjc0ZC02MmUxLWY5NDgtYjUxNS0wNWNhZWFmMjZjNDYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZTE2ZDAwZC1iZDllLTI0NDUtYmE2Mi0wNTU3ZDk5YTQ0NjgiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjRlMTZkMDBkLWJkOWUtMjQ0NS1iYTYyLTA1NTdkOTlhNDQ2OCIgc3RFdnQ6d2hlbj0iMjAxOC0wNi0yN1QxNTo0MDoxMyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MTk3YWUwYi1jMmNkLTUzNDEtODE0Mi1mMjU5YjAwZTMyZTkiIHN0RXZ0OndoZW49IjIwMjAtMDMtMjNUMTc6Mzc6MzYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4eR08FAAAD3ElEQVQ4EQXBzY/cZQHA8e/zMr/f/HZmttPd7XZgd/uyWxIImgAVjB4AvXJRLnIw/gEKRgInCFwIBzCYGBOPJiZg4kUkRElM6s0EOEACoZfGAg0VEFba7svszszzfP18UFGxiBbmzqjuU93jV798i83+dSf9z4WLpuYu4Wl3Bns6n6JSlYWiohJUAKBCjRxFuGvtIz/Z/QFt2iWVEdO0Ry4RQgUjmTUefPIFapFUb/HX3z0VWgAAFZWFc+bHQuxMEWNYNXYI93qu1Z88+nefe15JmHut22e2XDt12u9/735P3/0jVVSCCgDsYlllvPSoB/V1Tg6/5J2PDNu3j6G27Ezw6s1AP8PKeEI7GtEJx2XB1Vmfeu1yAEBFRefUWrk5+5w33/oHi5noDdaWdWc4kzCy1yChcfvCjtubm/7mlZf882uvSrdlrVUVVFSsUovUKlo4Vrrxt+3HxsCKiYFEvO/eBxwujZz/95rObjgOuHbnI5ZSVKEsZNJ+6iBe8rZOL154w4Vf8P57QoukkTHh2d7X6mfs35Iyl1MP/8J28oC5wT5oERW0sH7ytzZ0kpNDkIzbK5c81x2YI9LD82f/4sbosvCsC/8DHW6dWXdn57yRgSoqFKfEVezRmRLGFmPEwCkn3cyUkjHiifyEgbEp4fbg2C73DRlz6LsxeUEVFayyvXrN2MMWhFVzCiZGxjiU9meGiDFgDI0xRmNGwpKAd57+l7OFqKigolIVZ/LVTOgjYSw9/PVLb5tbzDRuntiTFUwNhoSv/00W7qGiooKKin7DsQdMVn5u02IGzy4Xy5GGjJmRG83UM91n0sfYIIydFlFRUUF3WXjEtMpk+HtTyMaE7XJrVeZ+zVJCeq3ro5kqWz0NYWCI2A2+49SPUVFhMRfdh4QhYUgYM27v/FHdxyJdRHJyfajVOdY5mWRI2Iu4fOJxVVQgLBkTxtCa6Dx9+4vePJIUGnsMjCPMaWAOfe+/559Wp6jcLNchtBKHLgXUggpb+VDItkO8bVnn82MsBVI0xMYYMSZkgMVPcSE6Z3ooj3xXc8Zxf0+rqFDm/+PCHa+6P5NpkeItqlcgnTXQN/YxxujmQDfXP3Bj7bKnRvueTO8Kzwg/Foa+8rKohI2Vf3t0BLuHl4C3CXyDXIHuGvFoTgwzaihYMjkss/AAQiR4BFFCgGpmtb3CV4fnQu6VG1yfXSSFBkwEpsQEixnEDAGoLgMPs/Ae2nCefvMQXTpP4YCQDmnyh1z98lwAyA/99AaLP0joPqE0H7Cy+jHfum/Mn157LIRYgQoUcBkEAABCBQbggBJ/SCoA8H+fP8wCdTk5YgAAAABJRU5ErkJggg==";
doc.createImgInLineWithBase64(base64);
  • 方式二：不带 mimeType 前缀的纯 base64，需要通过第二个参数设置 mimeType
doc.createImgInLineWithBase64(base64, {type: "png"});

可通过第二个参数设置图片 align、title、alt、css 样式

doc.createImgInLineWithBase64(base64, {
    type: "png",
    title: "title",
    alt: "alt",
    align: "left",
    style: {
        width: "100px",
        height: "100px"
    }
});
2) 通过图片 base64 创建浮动图片

默认样式：右浮动

  • 方式一：带 mimeType 前缀的 base64
doc.createImgFloatWithBase64(base64);
  • 方式二：不带 mimeType 前缀的纯 base64，需要通过第二个参数设置 mimeType
doc.createImgFloatWithBase64(base64, {type: "png"});

可通过第二个参数设置图片 title、alt、float、css 样式

doc.createImgFloatWithBase64(base64, {
    type: "png",
    title: "title",
    alt: "alt",
    float: "left",
    style: {
        width: "100px",
        height: "100px"
    }
});
3) 通过图片路径创建图片行

默认样式：居中

let path = "images/img.png";
doc.createImgInLineWithPath(path);

可通过第二个参数设置图片 align、title、alt、css 样式

doc.createImgInLineWithPath(path, {
    title: "title",
    alt: "alt",
    align: "left",
    style: {
        width: "100px",
        height: "100px"
    }
});
4) 通过图片路径创建浮动图片

默认样式：右浮动

doc.createImgFloatWithPath(path);

可通过第二个参数设置图片 title、alt、float、css 样式

doc.createImgFloatWithPath(path, {
    title: "title",
    alt: "alt",
    float: "left",
    style: {
        width: "100px",
        height: "100px"
    }
});

6. 创建表格

1) 创建默认样式表格

默认样式：根据窗口及内容自动调整宽度，文字居中，边框为 1px solid #000。

doc.createTable([[1,2,3],[1,2,3],[1,2,3]]);
2) 创建自定义样式表格

通过第二个参数定义样式。

doc.createTable([[1,2,3],[1,2,3],[1,2,3]], {
    className: "docTable",
    style: {
        color: "#f00"
    }
});
3) 自定义参数详解

  1. className: {string|Array} 给 table 指定 css 类名。默认为 "docTable"。

  2. style: {Object} 给 table 添加指定样式，遵循 jQuery 的 css 语法。默认为空对象 {}。

  3. multipleLine: {boolean} 是否解析每个单元格内的多行文本。默认为 true。

  4. multipleLineSplitSymbolRegExp: {string} 单元格内多行文本切割正则表达式字符串。默认为 "\\n"。

  5. customCol: {Array} 指定的行应用特殊样式，数组内元素应为数字，表示行数，下标从 0 开始。默认为 []。

  6. customColStyle: {Object} 指定的行应用的特殊样式，遵循 jQuery 的 css 语法。默认为空对象 {}。

  7. customRow: {Array} 指定的列应用特殊样式，数组内元素应为数字，表示列数，下标从 0 开始。默认为 []。

  8. customRowStyle: {Object} 指定的列应用的特殊样式，遵循 jQuery 的 css 语法。默认为空对象 {}。

  9. topHeadNum: {number} 指定上表头行数，以应用上表头样式。默认为 0。

  10. topHeadStyle: {Object} 上表头样式，遵循 jQuery 的 css 语法。默认为空对象 {}。

  11. leftHeadNum: {number} 指定左表头列数，以应用左表头样式。默认为 0。

  12. leftHeadStyle: {Object} 左表头样式，遵循 jQuery 的 css 语法。默认为空对象 {}。

  13. rightHeadNum: {number} 指定右表头列数，以应用右表头样式。默认为 0。

  14. rightHeadStyle: {Object} 右表头样式，遵循 jQuery 的 css 语法。默认为空对象 {}。

  15. bottomHeadNum: {number} 指定下表头行数，以应用下表头样式。默认为 0。

  16. bottomHeadStyle: {Object} 下表头样式，遵循 jQuery 的 css 语法。默认为空对象 {}。

  17. contentStyle: {Object} 全部单元格 td 的样式，遵循 jQuery 的 css 语法。默认为空对象 {}。

  18. contentStyles: {Array} 二维数组，与表格内容二维数组相对应，可指定任意单元格 td 的样式，遵循 jQuery 的 css 语法。如无需指定可传入 undefined 等非 Object 类型的值。默认为 []。

  19. contentStylesPrivilege: {Array} 二维数组，与表格内容二维数组相对应，可指定任意单元格 td 的样式，遵循 jQuery 的 css 语法。如无需指定可传入 undefined 等非 Object 类型的值。默认为 []。

4) 自定义参数优先级

权重从最低到最高（下面的会覆盖上面的冲突样式）的排序为：

  1. contentStyle（优先级最低的单元格 td 样式）

  2. contentStyles

  3. customRowStyle

  4. customColStyle

  5. rightHeadStyle

  6. bottomHeadStyle

  7. leftHeadStyle

  8. topHeadStyle

  9. contentStylesPrivilege（优先级最高的单元格 td 样式）

以上样式全部应用于单元格 td。

未完待续 2020.03.30

html版word
01-03
本内容为js，css制作的html网页版的word，里面各种功能和各类样本功能都有
网页word插件
01-15
网页上的word插件，可以在页面上直接调用word组件，进行编辑
javascript操作word控件
huabingl的专栏
02-11 2073
  　　//定义全局变量，用于清理工作 　　var word; 　　var doc; 　　function editFile(){ 　　//调用word控件 　　word= new ActiveXObject("Word.Application"); 　　//屏蔽“另存为”按钮 　　word.CommandBars("File").Controls(5).Enabled= false; 　　wor
用js模仿word格式刷功能实现代码 [推荐]
01-19
Format Brush table{ border: solid #ccc 1px; } td{ border: solid #ccc 1px; width: 140px; height: 25px; } .selected{ border: solid red 1px; } a{ text-decoration: none; color: black; font-weight: bold; } .b{ } .i{ font-style: italic; } .u{ text-decoration: underline; } .s{ text-decoration: line-throu
web在线编辑word,excel,pdf插件-----WebOffice 文档控件API
weixin_34290096的博客
08-28 4550
目 录 一、工作原理...5 1.1开发流程...5 1.2WEB页面调用控件:.6 二、接口说明...7 2.1接口...7 2.1.1AboutBox.7 2.1.2AcceptAllRevisions.7 2.1.3CloseDoc.7 2....
css+javascript制作的模仿word工具条
05-28
css+javascript制作的模仿word工具条css+javascript制作的模仿word工具条css+javascript制作的模仿word工具条
复制网页文字和图片到Word中-Word插件-大珩助手
Smangder的博客
06-12 1217
Word大珩助手是一款功能丰富的Office Word插件，旨在提高用户在处理文档时的效率。它具有多种实用的功能，能够帮助用户轻松修改、优化和管理Word文件，从而打造出专业而精美的文档。2、可以将网页整体插入到Word中，可以手动选择，将选择的内容插入到Word中，都包含图片和文字，并能正常显示。1、对于不能复制的网页，可以尝试本插件的特殊格式-插入网页功能；
分享一个在线Word编辑的jQuery插件
weixin_33681778的博客
12-27 1899
.demo_block { border: 1px #000 solid; margin: 20px; padding: 20px; background-color: #FDFFCE; } b { color: Red; } code { color: Green; } i { font-weight: bold; font-size: 14.7; ...
html word插件,Word插件开发
weixin_42101384的博客
07-02 651
复制docx到剪贴板并获取html数据if (Clipboard.ContainsText(TextDataFormat.Html)){strHtml = Clipboard.GetDataObject().ToString();/*String returnHtmlText = null;MemoryStream vMemoryStream = Clipboard.GetData(DataFor...
js word 插件的范例
11-18
是一个挺巴适的东东,满足一般对文字的处理
office网页组件
12-26
比较全面，内容为中文，比较详细，基本能满足开发需要
jquery.wordexport.js 插件 提供对word 文档导出预览操作
03-29
jquery.wordexport.js 非常好用的一款js导出操作，完美兼容主流浏览器
JS仿Office右键菜单
03-03
纯JS代码仿Office的右键菜单 由于水平所限，代码仅在IE浏览器中调试通过。 供需要的网友参考。
js版Word、PDF下载，挺简单的
09-26
亲测可用，挺简洁的一个word、PDF等下载工具，纯js的，感觉挺好用的；
快速实现网页内容转换为Word文档的jquery.wordexport插件
最新发布
weixin_34392511的博客
11-29 1598
本文还有配套的精品资源，点击获取 简介：本压缩包提供了一种简便方法，让网页文本能够轻松导出为Microsoft Word文档格式。它利用了jQuery库及其wordexport插件，通过简单的API调用实现内容的导出，其中可能涉及到HTML5的Blob对象和FileSaver.js等技术。该插件适用于需要离线保存或编辑网页信息的场景，但使用时要注意预处理网页内容以适应Wor...
JS操作word文档
DreamYum的博客
04-01 4476
Microsoft官方文档：https://docs.microsoft.com/zh-cn/javascript/api/word?view=word-js-preview Word.Application对象简单操作：http://liguixing.com/archives/724 Linux下打开word等office文件（openoffice安装）：https://blog.csdn.net/qq_33215865/article/details/88714437 HTML5 MathML： ht
实现将html或者Web 富文本编辑器 转为Word并下载
虚无缥缈
10-20 1724
html转word文档
js生成word
wwtx2048的博客
04-17 778
js生成word。
我发起了一个 用 javascript 写一个 Office 的 开源项目 JS Office
weixin_33753845的博客
04-28 377
用 js 写 Office， 说实在的， 把 现在已有的 各种 富文本编辑器 和 电子表格 js 库 收集起来 整合一下 就 差不多了 ， 放到 前几天 那个 “ js 作为 一等公民 ” 的 操作系统 里 ， 或者 放到 Cef 里 。 Excel 中 会包含 分析图表 等等 ， 这也是 js 库 很丰富的 。 总的来说， 现在 js 库 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值