wsemi

A support package for web developer.

Documentation

To view documentation or get support, visit docs.

Example

To view some examples for more understanding, visit examples:

blob2b64: ex-blob2b64.html [source code]

str2b64 and b642str: ex-str2b64-b642str.html [source code]

str2aes and aes2str: ex-str2aes-aes2str.html [source code]

timeTZ2expire and timeTZ2past: ex-timeTZ2expire-timeTZ2past.html [source code]

color converter: ex-colorConverter.html [source code]

domTooltip: ex-domTooltip.html [source code]

domShowImages: ex-domShowImages.html [source code]

domShowImagesDyn[dynamic import]: ex-domShowImagesDyn.html [source code]

domConvertToPic: ex-domConvertToPic.html [source code]

domConvertToPicDyn[dynamic import]: ex-domConvertToPicDyn.html [source code]

domRenderMarkdownMind: ex-domRenderMarkdownMind.html [source code]

domRenderMarkdownMindDyn[dynamic import]: ex-domRenderMarkdownMindDyn.html [source code]

domCompareText: ex-domCompareText.html [source code]

domCompareTextDyn[dynamic import]: ex-domCompareTextDyn.html [source code]

domScrollIntoView: ex-domScrollIntoView.html [source code]

domScrollTo: ex-domScrollTo.html [source code]

domShowInputAndGetFiles: ex-domShowInputAndGetFiles.html [source code]

domDropFiles: ex-domDropFiles.html [source code]

domDrag: ex-domDrag.html [source code]

domIsVisible: ex-domIsVisible.html [source code]

domRipple: ex-domRipple.html [source code]

strFindFuzz: ex-strFindFuzz.html [source code]

strFindFuzzDyn[dynamic import]: ex-strFindFuzzDyn.html [source code]

obj2u8arr & u8arr2obj: ex-obj2u8arr-u8arr2obj.html [source code]

getUserAgent: ex-getUserAgent.html [source code]

getUserAgentDyn[dynamic import]: ex-getUserAgentDyn.html [source code]

clearXSS: ex-clearXSS.html [source code]

clearXSSDyn[dynamic import]: ex-clearXSSDyn.html [source code]

openlink: ex-openLink.html [source code]

xlsx: ex-xlsx.html [source code]

xlsx[dynamic import]: ex-xlsxDyn [source code]

html2pic: ex-html2pic.html [source code]

html2picDyn[dynamic import]: ex-html2picDyn.html [source code]

html2str: ex-html2str.html [source code]

html2strDyn[dynamic import]: ex-html2strDyn.html [source code]

execPyodide: ex-execPyodide.html [source code]

execPyodideDyn[dynamic import]: ex-execPyodideDyn.html [source code]

ocr: ex-ocr.html [source code]

ocrDyn[dynamic import]: ex-ocrDyn.html [source code]

Installation

Using npm(ES6 module):

npm i wsemi

In a browser(UMD module):

[Necessary] Add script for wsemi.

<script src="https://cdn.jsdelivr.net/npm/wsemi@1.8.16/dist/wsemi.umd.js"></script>

[Optional] Add script for dayjs.

<script src="https://cdn.jsdelivr.net/npm/dayjs@1.11.13/dayjs.min.js"></script>

[Optional] Add script for fuse.js.

Note: Include script when using strFindFuzz function, and don't include script when using strFindFuzzDyn function. `alias

[Optional] Add script for `ua-parser-js`.
> **Note:** Include script when using `getUserAgent` function, and don't include script when using `getUserAgentDyn` function.
```alias
<script src="https://cdn.jsdelivr.net/npm/ua-parser-js@2.0.3/dist/ua-parser.min.js"></script>

[Optional] Add script for xss.

Note: Include script when using clearXSS function, and don't include script when using clearXSSDyn function. `alias

[Optional] Add script for `xlsx`.
> **Note:** Include script when using `downloadExcelFileFromData` or `getDataFromExcelFileU8Arr` function, and don't include script when using `downloadExcelFileFromDataDyn` or `getDataFromExcelFileU8ArrDyn` function.
```alias
<script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>

[Optional] Add link and script for viewerjs.

Note: Include script when using domShowImages function, and don't include script when using domShowImagesDyn function. `alias

[Optional] Add script for html2canvas.

Note: Include script when using html2pic function, and don't include script when using html2picDyn function. `alias

[Optional] Add script for `html-to-image`.
> **Note:** Include script when using `domConvertToPic` function, and don't include script when using `domConvertToPicDyn` function.
```alias
<script src="https://cdn.jsdelivr.net/npm/html-to-image@1.11.11/dist/html-to-image.js"></script>

[Optional] Add script for markmap.

Note: Include script when using domRenderMarkdownMind function, and don't include script when using domRenderMarkdownMindDyn function. `alias

[Optional] Add link and script for `diff2html`.
> **Note:** Include script when using `domCompareText` function, and don't include script when using `domCompareTextDyn` function.
```alias
<link href="https://cdn.jsdelivr.net/npm/diff2html@3.4.34/bundles/css/diff2html.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/diff2html@3.4.34/bundles/js/diff2html.min.js"></script>

[Optional] Add script for htmlparser.

Note: Include script when using html2str function, and don't include script when using html2strDyn function. `alias

[Optional] Add script for `pyodide`.
> **Note:** Include script when using `execPyodide` function, and don't include script when using `execPyodideDyn` function.
```alias
<script src="https://cdn.jsdelivr.net/pyodide/v0.23.4/full/pyodide.js"></script>

[Optional] Add script for tesseract.js.

Note: Include script when using ocr function, and don't include script when using ocrDyn function. `alias

`