npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

test-poster-editor

v1.2.1

Published

<h2 align="center">非常感谢开源项目h5-editor,因需要引用发布了npm包,在原项目基础上进行了功能更新。</h2>

Downloads

2

Readme

预览

点击此处访问项目示例

Usage

git clone https://github.com/a7650/h5-editor.git

cd h5-editor

#如果你已经安装了nodejs,vue-cli等环境,可直接执行下列命令,否则需先安装环境

npm install

npm run dev

技术栈

主要基于Vue2,Element-ui(少部分使用),Vuex

编辑器主要功能

  • 元素自由拖拽,放大,缩小,旋转
  • 可添加图片,文本,矩形,背景。多种编辑功能(字体,背景,大小,边距等)
  • 组件自动吸附,实时参考线(组件可以和画布,自定义参考线以及其他组件进行自动吸附对齐,并显示实时参考线,拖动过程中按下alt键可暂时关闭)
  • 标尺,参考线,可自定义参考线(在标尺上点击即可生成参开线,可拖动参考线更改位置,双击删除参考线)
  • 撤销,重做(支持快捷键,可配置撤销的步数)
  • 组件复制,粘贴,锁定,隐藏等
  • ctrl + 拖动组件可快速复制组件
  • 右键菜单,菜单可配置,可针对组件当前状态灵活生成(即不同的组件可产生不同的菜单)
  • 图层面板,可拖拽更改组件图层,可重命名,可在图层面板快速锁定,删除,隐藏组件
  • 同时选中多组件(按ctrl + 左键),可进行多组件对齐
  • 数据备份,通过indexDB数据库保存在本地(可自动备份,手动备份),并可从备份中恢复数据
  • 一键生成h5代码
  • 编辑画布大小
  • 多种快捷键
  • 设置中心,可设置撤销功能,备份功能等
  • 针对开发人员具有插件系统,可通过插件系统二次开发,可参考plugins目录下的pluginA