When printing, code is displayed as <ul> instead of <code>
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 35/100
- Issue 类型
- 缺陷
- 描述清晰度
- 基本清楚
- 活跃度
- 停滞
- 技术栈
- javascript
- 领域
- frontend
调研方向
首先复现 Hackpad 示例 URL 的打印输出，并检查 ul.code li 和 ul.code 的渲染。将其与提供的 JavaScript 变通方案进行比较，并验证打印出的代码是作为代码而不是 HTML 列表进行渲染的。
由索引模型根据 Issue 内容生成。
描述
Take this example:
https://hackpad.com/ep/pad/static/nOUvKlt6cXY
I can process the HTML using the following JavaScript, and it now displays as code, instead of an HTML list:
[].slice.call(document.querySelectorAll('ul.code li')).forEach(function (oldMarkup) {
var newMarkup = document.createElement('div');
newMarkup.innerHTML = oldMarkup.innerHTML;
oldMarkup.parentNode.insertBefore(newMarkup, oldMarkup);
oldMarkup.parentNode.removeChild(oldMarkup);
});
[].slice.call(document.querySelectorAll('ul.code')).forEach(function (oldMarkup) {
var newMarkup = document.createElement('code');
newMarkup.innerHTML = oldMarkup.innerHTML;
oldMarkup.parentNode.insertBefore(newMarkup, oldMarkup);
oldMarkup.parentNode.removeChild(oldMarkup);
});
Here is an example of it in action:
https://jsfiddle.net/ryanpcmcquen/fgyg6v7u/
- 主要语言
- Java
- 星标
- 3.6k
- 派生
- 519
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
- 提供 Dockerfile 或 Docker Compose 文件
- 没有 Pull Request 模板
- 没有贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
dropbox/hackpad 的其他 Issue
-
难度 1/5 1 小时以内 新手友好度 35/100
-
难度 4/5 3-5 天 新手友好度 35/100
-
难度 4/5 3-5 天 新手友好度 25/100
-
难度 2/5 1-3 小时 新手友好度 55/100
-
难度 4/5 3-5 天 新手友好度 25/100
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 62/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 85/100
objectionary/eo-graphs#80 ·
-
难度 2/5 1-3 小时 新手友好度 78/100
objectionary/jucs#141 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 74/100
-
bug good first issue
难度 2/5 1-3 小时 新手友好度 88/100
repowise-dev/repowise#3335 ·
维护者通常 1 天内回复