@zhangfg 我觉得做得挺好的. 如果考虑去掉 antd, 然后添加 shadcn 的话, 可以一起探讨探讨搞一个.

可以参考一下 简课网

@nwgale 感谢你的想法, 我觉得挺好挺实用的, 所以照猫画虎做了一个, 略微有点不一样
https://demo.datangyuan.cn/invoice-merge

的确实用，找时间整合到现有产品里头。

这个反应到最后就是国内跟国外的面试逻辑是不一样的，国外可能需要做个简单的编码，但是一定会有个系统设计，系统分析的考核

@matrixage 在 Windows 下，ctrl+L 是切换到 markdown 源文件模式，
能连接 github 仓库，是希望能直接编辑 github 的仓库的 markdown 文件，并且能直接 submit

当然，如果能直接提交到各种存储桶也很有必要

typora 在 Windows 下我常用，我提个我的个人需求，需要支持那个 ctrl + L 快捷键，希望能直接连接 github 仓库，能直接 submit

erp 领域, 就看是否能搞定, 能搞定这个行业, 基本就是通吃.

这个产品经理得点赞👍
业务逻辑，就是根据图片能读取出信息
技术逻辑，图片的生成需要人为系统触发，不能用标准的操作，程序在图片生成的时候写入。在系统里头，可以读取图片的信息，电商大部分这么判重的，然后甚至 ai 解读一下图片，那就完美解决了产品的问题

这个可以结贴了, 原来社区把中文字体的支持已经列为第一需求, 昨天发布了一个 preview 的包.
后续等待吧, 很快会对中文支持.
https://excalidraw-package-example-git-mrazator-first-12d407-excalidraw.vercel.app/

@maichael 我翻了一遍 https://www.npmjs.com/, 的确有人打包出来跟官方的一样, 但是大部分打包出来的结果都不一样. 其实, 如果打包不一样, 能用也行, 主要是不能用.

我的主要目的是把核心图库自己也能打包成 npm 包. 我看这个帖子也有好几个人收藏, 所以, 也招呼一下感兴趣的小伙伴一起研究一下. 其实就是把核心图库能自己生成 npm 包, 这样子就方便自己开发定义了.

@kneo 我想用 sdk(npm 包)的方式集成,集成画板, 但是要支持中文的手写体.

感谢 @maichael @lisongeee

项目根目录下执行:
rm yarn.lock

在/home/excalidraw/packages/excalidraw 下执行
yarn gen:types
yarn build.esm
yarn pack

"scripts": {
"gen:types": "rm -rf types && tsc",
"build:esm": "rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types",
"pack": "yarn build:umd && yarn pack",
"start": "node ../../scripts/buildExample.mjs && vite",
"build:example": "node ../../scripts/buildExample.mjs",
"size": "yarn build:umd && size-limit"
}

然后 npm login, npm publish 是可以发布了.

但是目前发布出来的跟官网的不一样
官网的:
https://www.npmjs.com/package/@excalidraw/excalidraw?activeTab=code
我发布:
https://www.npmjs.com/package/excalidraw-zh?activeTab=code

如果有感兴趣继续研究的伙伴, 大家可以一起研究一下.

再提供一份执行的命令:
hawk.jimmy@DESKTOP-J0AGV6C MINGW64 /e/work/business/excalidraw/packages/excalidraw (master)
$ npm run gen:types

> [email protected] gen:types
> rm -rf types && tsc


hawk.jimmy@DESKTOP-J0AGV6C MINGW64 /e/work/business/excalidraw/packages/excalidraw (master)
$ npm run build:esm

> [email protected] build:esm
> rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types

E:\work\business\excalidraw\scripts\woff2\woff2-esbuild-plugins.js:5
const fetch = require("node-fetch");
^

Error [ERR_REQUIRE_ESM]: require() of ES Module E:\work\business\excalidraw\node_modules\node-fetch\src\index.js from E:\work\business\excalidraw\scripts\woff2\woff2-esbuild-plugins.js not supported.
Instead change the require of index.js in E:\work\business\excalidraw\scripts\woff2\woff2-esbuild-plugins.js to a dynamic import() which is available in all CommonJS modules.
at Object.<anonymous> (E:\work\business\excalidraw\scripts\woff2\woff2-esbuild-plugins.js:5:15)
at Object.<anonymous> (E:\work\business\excalidraw\scripts\buildPackage.js:4:32) {
code: 'ERR_REQUIRE_ESM'
}

Node.js v18.19.0
npm ERR! Lifecycle script `build:esm` failed with error:
npm ERR! Error: command failed
npm ERR! in workspace: [email protected]
npm ERR! at location: E:\work\business\excalidraw\packages\excalidraw

hawk.jimmy@DESKTOP-J0AGV6C MINGW64 /e/work/business/excalidraw/packages/excalidraw (master)

@qinfengge 现在的 github 这个版本, 对这个有点提升, 现在放在 \packages\excalidraw\fonts\assets\fonts.css 下有这份文件了, 等我能编译了, 扔个中文字体进去试试.

@maichael 也不是,就是如果有解决过的话, 其实可能就是一句话的问题. 上面的那个 @IvanLi127 已经说得比较到位了.

这个 excalidraw 涵盖这么多个 project
"workspaces": [
"excalidraw-app",
"packages/excalidraw",
"packages/utils",
"packages/math",
"examples/excalidraw",
"examples/excalidraw/*"
],

现在的问题是, 我希望是通过 sdk 集成的, 所以, 要把 packages/excalidraw 编译了, 发到 npm 做管理. 我尝试在我的环境里头编译 excalidraw-app 是没有问题的. 但是 编译 packages/excalidraw 是有问题的.

我截取个主要的报错,
},
"bugs": "https://github.com/excalidraw/excalidraw/issues",
"homepage": "https://github.com/excalidraw/excalidraw/tree/master/packages/excalidraw",
"scripts": {
"gen:types": "rm -rf types && tsc",
"build:esm": "rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types",
"pack": "yarn build:umd && yarn pack",
"start": "node ../../scripts/buildExample.mjs && vite",
"build:example": "node ../../scripts/buildExample.mjs",
"size": "yarn build:umd && size-limit"
}
}
PS E:\work\business\excalidraw\packages\excalidraw> npm run build:esm

> [email protected] build:esm
> rm -rf dist && node ../../scripts/buildPackage.js && yarn gen:types

'rm' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! Lifecycle script `build:esm` failed with error:
npm ERR! Error: command failed
npm ERR! in workspace: [email protected]
npm ERR! at location: E:\work\business\excalidraw\packages\excalidraw
PS E:\work\business\excalidraw\packages\excalidraw> npm run pack

> [email protected] pack
> yarn build:umd && yarn pack

yarn run v1.22.22
error Command "build:umd" not found.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
npm ERR! Lifecycle script `pack` failed with error:
npm ERR! Error: command failed
npm ERR! in workspace: [email protected]
npm ERR! at location: E:\work\business\excalidraw\packages\excalidraw

@fengzheng 你这个中文不是手写体的啊. 另外你知道怎么发布成 npm 包的不? 根据如下的这个文档, 我本地一直没法编译过去.

https://docs.excalidraw.com/docs/@excalidraw/excalidraw/development

@beldon 对的, 但是现在我是要把这个发布成 npm 包, 我要自己集成调用. 不知道有搞过的小伙伴没.

你这太复杂，内网走 smartdns 加 openvpen 服务端，其他地方 openvpn 客户端拨入即可。