TiddlyWiki单文件嵌入图片的方法。

简介:
TiddlySpot不支持上传图片,所以才会想到把图片数据嵌入html文件中。

当然,这样做会使得html文件变大,是不推荐的,小的图片偶尔做做可以。

做法:
1、从http://www.tiddlytool.com安装如下三个插件:
AttachFileMIMETypes
AttachFilePluginFormatters
AttachFilePlugin
2、在AttachFilePlugin中有个插入图片的对话框,浏览本地图片,Attach。
然后会对该图片生成一个tiddler。
3、需要使用图片的位置像如下方式使用。
(1)如果是在wiki语句中: [img[image]]或者[img[tooltip|image]]等。
(2)如果是在html语句中: 把图片tiddler中的data部分复制粘贴到需要图片的地方。(一般类似于以 data:image/gif;base64,开始的一段内容)
(3)为了避免到处复制很多数据,可以用函数调用方式:(这种方式还没仔细研究)
store.getTiddlerText("star.png##data")
(4)除了上面方法,还可以用另外一种函数调用方式:(这种方式还没仔细研究)
var URL=" "; // hard-coded fallback/default 
if (config.macros.attach) 
   URL=config.macros.attach.getAttachment("TiddlerName");
上述(2)、(3)方法无须AttachFilePluginFormatters的支持,但(4)需要AttachFilePluginFormatters的支持。

参考下面一张图片,注意第二个图片文件名(红色框内)处不能替换,替换后TiddlyPedia主题显示就有问题,具体原因暂时不清楚。



















本文转sinojelly51CTO博客,原文链接:http://blog.51cto.com/sinojelly/200774,如需转载请自行联系原作者
相关文章
|
6月前
|
存储 Python
python实现图片与视频转换:将视频保存为图片,将批量图片保存为视频
python实现图片与视频转换:将视频保存为图片,将批量图片保存为视频
|
4月前
在线将多张图片拼接起来图工具HTML源码
在线将多张图片拼接成一张图片,多图合一并导出下载。无需本地安装软件。 下载时,使用日期时间作为文件名,规避图片文件名相同造成的覆盖问题;也能省去一部覆盖确认操作 多语言支持
51 0
在线将多张图片拼接起来图工具HTML源码
|
前端开发 JavaScript
前端js实现从视频中提取图片帧
前端js实现从视频中提取图片帧
219 0
|
Java 图形学
Html转化为图片,并且和另一张图片合成新的图片
Html转化为图片,并且和另一张图片合成新的图片
149 0
|
编解码 前端开发 JavaScript
网页转化成pdf,网页转换图片,wkhtmltopdf,wkhtmltoimage使用小结
如果必须是异步接口,让后台调用的时候,在命令行里面加上延时--javascript-delay 10000,默认是200ms,意思命令行访问url的时候,延时10000毫秒生成pdf或者图片,这样也能解决问题,但是请求时间过长。
942 0
网页转化成pdf,网页转换图片,wkhtmltopdf,wkhtmltoimage使用小结
封装一个使用原始图片的分类
封装一个使用原始图片的分类
144 0
封装一个使用原始图片的分类
thinkphp5 读取多行文本、读取文件分割多行文本
【代码】thinkphp5 读取多行文本、读取文件分割多行文本。