[分享] 梗圖產生器 - 網站嵌入程式碼
大家好 小弟近期在研發梗圖產生器
https://memes.tw/maker
最近想開發「嵌入」功能 讓梗圖產生器可以嵌入在外部網站
類似「youtube 嵌入影片」那種功能
最近稍微搞懂原理,就是提供一段 html tag + script tag 給第三方
對方貼上之後 由 js script 動態把一個 iframe 附加到對方網站上
然後 iframe 內外溝通 iframe 寬度、高度 等等基本屬性 就可以實作出 plugin 效果
下面是小弟最近的成品
只要在網站上貼一段程式碼 就有梗圖產生器可以用了 XDDDD
```
<div class="memes-maker" data-id="270"></div>
<script>
(function() {
var d = document, s = d.createElement('script');
s.src = 'https://memes.tw/embed.js?ts=' + new Date().getTime();
(d.head || d.body).appendChild(s);
})();
</script>
```
更多範例如下
https://memes.tw/maker/how-to-use-plugin/270
https://memes.tw/maker/how-to-use-plugin/1888
https://memes.tw/maker/how-to-use-plugin/2878
跟大家分享一下,歡迎大家玩玩看!
有什麼意見想法可以再跟我說,謝謝!
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.44.198.156 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1614412586.A.69F.html
→
02/27 17:09,
3年前
, 1F
02/27 17:09, 1F
→
02/27 17:38,
3年前
, 2F
02/27 17:38, 2F
→
02/27 17:38,
3年前
, 3F
02/27 17:38, 3F
→
02/27 17:47,
3年前
, 4F
02/27 17:47, 4F
→
02/27 17:47,
3年前
, 5F
02/27 17:47, 5F
推
02/27 17:49,
3年前
, 6F
02/27 17:49, 6F
→
02/27 17:51,
3年前
, 7F
02/27 17:51, 7F
→
02/27 17:51,
3年前
, 8F
02/27 17:51, 8F
→
02/27 17:52,
3年前
, 9F
02/27 17:52, 9F
→
02/27 17:54,
3年前
, 10F
02/27 17:54, 10F
→
02/27 17:54,
3年前
, 11F
02/27 17:54, 11F
→
02/27 17:54,
3年前
, 12F
02/27 17:54, 12F
→
02/27 17:54,
3年前
, 13F
02/27 17:54, 13F
→
02/27 17:55,
3年前
, 14F
02/27 17:55, 14F
→
02/27 17:56,
3年前
, 15F
02/27 17:56, 15F
→
02/27 17:56,
3年前
, 16F
02/27 17:56, 16F
→
02/27 17:58,
3年前
, 17F
02/27 17:58, 17F
→
02/27 17:58,
3年前
, 18F
02/27 17:58, 18F
→
02/27 17:59,
3年前
, 19F
02/27 17:59, 19F
→
02/27 18:00,
3年前
, 20F
02/27 18:00, 20F
→
02/27 18:01,
3年前
, 21F
02/27 18:01, 21F
→
02/27 18:01,
3年前
, 22F
02/27 18:01, 22F
→
02/27 18:02,
3年前
, 23F
02/27 18:02, 23F
→
02/27 18:03,
3年前
, 24F
02/27 18:03, 24F
→
02/27 18:03,
3年前
, 25F
02/27 18:03, 25F
→
02/27 18:04,
3年前
, 26F
02/27 18:04, 26F
→
02/27 18:04,
3年前
, 27F
02/27 18:04, 27F
→
02/27 18:06,
3年前
, 28F
02/27 18:06, 28F
推
02/27 18:06,
3年前
, 29F
02/27 18:06, 29F
→
02/27 18:07,
3年前
, 30F
02/27 18:07, 30F
→
02/27 18:07,
3年前
, 31F
02/27 18:07, 31F
→
02/27 18:08,
3年前
, 32F
02/27 18:08, 32F
→
02/27 18:09,
3年前
, 33F
02/27 18:09, 33F
→
02/27 18:09,
3年前
, 34F
02/27 18:09, 34F
→
02/27 18:11,
3年前
, 35F
02/27 18:11, 35F
→
02/27 18:13,
3年前
, 36F
02/27 18:13, 36F
推
02/27 18:16,
3年前
, 37F
02/27 18:16, 37F
→
02/27 18:18,
3年前
, 38F
02/27 18:18, 38F
→
02/27 18:18,
3年前
, 39F
02/27 18:18, 39F
還有 65 則推文
→
02/27 20:56,
3年前
, 105F
02/27 20:56, 105F
→
02/27 20:58,
3年前
, 106F
02/27 20:58, 106F
推
02/27 23:20,
3年前
, 107F
02/27 23:20, 107F
推
02/27 23:56,
3年前
, 108F
02/27 23:56, 108F
→
02/27 23:56,
3年前
, 109F
02/27 23:56, 109F
→
02/27 23:57,
3年前
, 110F
02/27 23:57, 110F
→
02/27 23:57,
3年前
, 111F
02/27 23:57, 111F
推
02/28 02:42,
3年前
, 112F
02/28 02:42, 112F
推
02/28 03:02,
3年前
, 113F
02/28 03:02, 113F
推
02/28 06:31,
3年前
, 114F
02/28 06:31, 114F
推
02/28 09:55,
3年前
, 115F
02/28 09:55, 115F
→
02/28 09:55,
3年前
, 116F
02/28 09:55, 116F
→
02/28 10:40,
3年前
, 117F
02/28 10:40, 117F
→
02/28 10:46,
3年前
, 118F
02/28 10:46, 118F
推
02/28 10:50,
3年前
, 119F
02/28 10:50, 119F
→
02/28 10:50,
3年前
, 120F
02/28 10:50, 120F
→
02/28 10:50,
3年前
, 121F
02/28 10:50, 121F
推
02/28 11:53,
3年前
, 122F
02/28 11:53, 122F
→
02/28 11:53,
3年前
, 123F
02/28 11:53, 123F
→
02/28 11:53,
3年前
, 124F
02/28 11:53, 124F
推
02/28 12:02,
3年前
, 125F
02/28 12:02, 125F
→
02/28 12:03,
3年前
, 126F
02/28 12:03, 126F
→
02/28 12:25,
3年前
, 127F
02/28 12:25, 127F
→
02/28 12:28,
3年前
, 128F
02/28 12:28, 128F
→
02/28 12:28,
3年前
, 129F
02/28 12:28, 129F
推
02/28 12:31,
3年前
, 130F
02/28 12:31, 130F
→
02/28 12:58,
3年前
, 131F
02/28 12:58, 131F
→
02/28 13:01,
3年前
, 132F
02/28 13:01, 132F
→
02/28 13:02,
3年前
, 133F
02/28 13:02, 133F
→
02/28 13:03,
3年前
, 134F
02/28 13:03, 134F
→
02/28 13:05,
3年前
, 135F
02/28 13:05, 135F
→
02/28 13:07,
3年前
, 136F
02/28 13:07, 136F
→
02/28 13:09,
3年前
, 137F
02/28 13:09, 137F
→
02/28 13:14,
3年前
, 138F
02/28 13:14, 138F
→
02/28 13:15,
3年前
, 139F
02/28 13:15, 139F
→
02/28 13:16,
3年前
, 140F
02/28 13:16, 140F
推
02/28 17:14,
3年前
, 141F
02/28 17:14, 141F
→
02/28 17:23,
3年前
, 142F
02/28 17:23, 142F
→
02/28 17:23,
3年前
, 143F
02/28 17:23, 143F
推
02/28 21:48,
3年前
, 144F
02/28 21:48, 144F
Soft_Job 近期熱門文章
46
146
37
76
PTT職涯區 即時熱門文章