[分享] 梗圖產生器 - 網站嵌入程式碼
大家好 小弟近期在研發梗圖產生器
最近想開發「嵌入」功能 讓梗圖產生器可以嵌入在外部網站
類似「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
跟大家分享一下，歡迎大家玩玩看！
有什麼意見想法可以再跟我說，謝謝！
--
Soft Job...
分享作品難道不算在求職過程之中（？）沒有違反樓上認為
想要的邏輯阿？三篇都推一樣的文到底是？
那麼他應該要詳細標明 誰知道他用途是什麼 可以懷疑
是政治相關在維護的工具
你先說明一下你三篇文都留一樣的言是怎樣吧
這還需要說明嗎？ 不是很淺顯嗎 貼了只是Soft Job而
已
可以懷疑或者還要幫你過濾？你是打算把判斷力外包了嗎
那梗圖產生器是哪裡讓你有理解障礙？不是很淺顯了
嗎，就是梗圖產生器而已。
疑似的很多 而且重點是他也沒說他用途 寫Soft Job實
屬正當判斷
本版的名稱你自己讀一下 haha
說真的沒人看得懂你想表達什麼意思，我也送你個soft
job好了，來鬧版的ZZ
裝看不懂吧 這與求職、職場有什麼相關 有相關要說明
阿 haha 看以往的回覆 我是來鬧版的嗎? ha
superpandal大先來一篇參考看看吧
參考很多 你上面翻就一堆 當你個版？ ha
沒前後文跟上下敘述，什麼叫疑似的很多？我看你真
的國文是體育老師教的。
原來是寫不出文章的朋友
其他人要懷疑什麼不用我來管 他寫的用途有與Soft Job
有關嗎 到底誰國文有問題？ haha
寫文章可以 但我不想寫 我要不要寫其他人管的著嗎?
沒有人可以管你喔 :) 您自己判斷即可 不用充滿殺氣
平鋪直敘殺氣重？ ha
您說的對
您都是對的
是啦 這年頭說實話也不行 不堪實話會說殺氣重
沒有沒有 您沒有殺氣重 我錯 您是對的
我原諒你 因為我想你只是誤判 沒什麼大不了
對 我誤判 您是對的 您最優秀了
我不優秀 只是不會暗渡陳倉
然而優不優秀不影響發言合不合理 覺得合理我就推
推文整個歪掉
有人要歪 我也沒辦法 他們其實也可以無視 只是我繼續
Soft Job
國文不是很會，豪洨倒是蠻會的。
有沒有用要看你站在什麼立場，是原po即將面試的面試官或
者是現任主管（？）如果都不是，「有沒有用」有沒有用?
然後呢 請你證明此篇與找工作有關 來證明別人國文差
整篇都沒有說明自己寫這個有無找工作意圖 只有看到要
我不接外包喔
別人如果有建議可以聯絡他
沒有要你接外包 請某人回應
「我認為這東西有問題」所以你要證明他沒有問題給我看。
我提出來這篇與版主題無關 有異議的請證明有關 當然
無視也可以
有些兇宅就這樣，習慣就好
這裡有人很兇嗎？ ha
感覺好像看到小學的風紀股長在糾察別人違反班規耶XD
你覺得是糾察 我覺得是提醒 可以無視沒有問題 XD
有人靠這些程式技術賺錢，不就是Job?
你已經幫你自己證明了，給你個推
依照你這樣說 這不就是一種廣告？ 而且這篇探討了什
麼營運問題?
我幫我自己證明我看法沒錯 ha
推 很常用梗圖產生器和原 po 的咖啡網站
另外原 po 有附上程式碼
這梗圖產生器 side project 也有廣告（雖然可能能回饋
的錢不多）
硬要上綱的話也能說有一點點商業模式
在我看來有符合 Soft job 呀
如果你分享有用的文章分享到有人願意請你去工作這種廣告
沒什麼問題啊？既然有人覺得有用那麼他也得到好處了。
樓上看來是你們的推廣對象 ha
就是商業阿 有什麼問題 不論這篇文或者網站 你要徵人
他之前那篇git就是覺得要他覺得有關才符合softjob的定義
。每個人心中都有一個softjob
你也要貼徵人條件
我其實聽不懂你要表達什麼，但我還是不接'判斷力'外包。
做這行就是要不斷吸收新知，技術性文章當然有助工作
你推廣的Job不是Soft Job 這才是無限上綱吧
誰管你接不接 這四不像的文有人噴也是正常
只有你在噴
牽拖技術文章找工作 那你來意就應該講清楚 這是你的
解釋 不是他的原文
無視他比較快，反正他也沒有裁量權，讓他開心嘴 :)
只有我噴 不代表其他人就認同 haha 我也是人
看了版規再看回這篇 這完全就是Job無限上綱 牽拖的人
說人牽拖
所以說上篇的睜一隻眼閉一隻眼就這意思 ha 這是在嘴?
super 真無聊，你覺得不符本版就另開討論串阿
還是你覺得每個主題都要開一個版不能在總版討論?
從頭到尾就沒有要討論 你是誤會什麼？
你繼續阿甘勝利法吧，蛇蛇
沒要討論這串留這麼長在幹嘛? 傲嬌逆
對著版規和Soft Job說 到底誰阿甘？
其實你出來選板主…
這不就是版主問 為版主解答 有人要在下面討論干我屁
事
我沒那麼有空 上線時間也沒那麼固定 裁決權不在我我
認
去report plz 而且前面我是在舉證你叫我舉證的，還
能說自己是對的看來我才說對的 lol
你舉了什麼？ 其他人回答很牽強阿 不然呢 ha
我是在叫你去report我，搬板規出來就去讀熟一點，
最好讓我永桶那種。沒人在跟你討論其他人，你邏輯
跟記憶是不是錯亂把我當成別人？
就是你沒舉證阿 重點是你沒舉證阿 別人回的是你的答
案嗎？ 我沒有要桶誰 你可以仔細看下這篇
好啦我等你去report，懶得跟你吵別的，等你成功記得
寄信笑我。
我本來就不是要report ha
酷喔 幫推個
推一個有趣的side project 怎麼會跟職涯無關呢
side project在soft_job裡面還算很重要
我的most like/dislike leetcode也得到github上面20追蹤
還會有人回報issue叫我更新XD
這種明顯的亂版仔要不要乾脆桶一桶
推分享
不刷題不做side project然後在這邊當soft job警察 好笑
其實已經違反板規3了 勿連續推相同語意與類似文章與推文
可以捅了
第一次只能警告
只看內文我也覺得跟 Job 沒什麼直接關係
跟 soft job 無關+1
side project 都能貼上來的話，樓上幾位認真做 side
project 的大大不就要洗版了？
奇怪 這版的風氣何時變成只能討論跟純粹討論軟體工作
或職缺有關了嗎 分享一些小工具或有趣的軟體我覺得還
行吧 難道這邊要變成只能貼職缺文嗎
記得好幾位大神會分享技術文章 沒什麼不好的啊
要桶的話 一堆很棒的技術文章也請一起喔
其實沒有喔 只有他在堅持心目中的應該是怎樣的
看文件跟找技術文章 本來就是軟工日常 分享自己寫的工具
沒甚麼問題吧
一樓政治操作笑死
這本來就四不像的文 你直接分享就好還講那麼多做什麼
side project我有只是不分享 ha
............
這已經不光是分享文 看清楚就知道
還扯說什麼跟職涯有關 這裡是人力銀行嗎？ 需要在這
裡展現這些東西？
什麼政治操作？ 本來就會說會這樣建議 ha
這裡不是人力銀行也不是培訓班也不是你的商品仲介外
加其他原因混合
Job詞無限上綱就是這樣
這有什麼好羨慕的 依照我的想法應該是自己做一個不分
享
住海邊喔?
20
[CGSS] 新功能-灰姑娘拍貼機可以在遊戲中心使用 花費代幣購買素材，可以使用自己有的偶像卡面進行製作合成 很快就在推特上變成梗圖產生器 #シンデレラフォト (用這個tag可以搜到不少...![[CGSS] 新功能-灰姑娘拍貼機](https://i.imgur.com/M9eoRZ8b.png "[CGSS] 新功能-灰姑娘拍貼機")
14
[Vtub] Holodex/tools無法觀看holo六期生的問題各位大家好 相信最近想第三方網站 看六期生出道/實況的朋友會發現 幾乎都會被YouTube擋下來![[Vtub] Holodex/tools無法觀看holo六期生的問題](https://i.imgur.com/oEzbbr2b.png "[Vtub] Holodex/tools無法觀看holo六期生的問題")
2
[問卦] 一人發一張最喜歡的梗圖？八卦板晚安 相信你各位手機裡一定有很多珍藏的梗圖 趁著這篇文趕快來分享一下 自己最愛ㄉ那張梗圖八 我個人都是用梗圖產生器嘴身邊ㄉ人![[問卦] 一人發一張最喜歡的梗圖？](https://i.imgur.com/t6czATxb.jpg "[問卦] 一人發一張最喜歡的梗圖？")
5
Re: [討論] 建議板主對本板討論範圍發起投票有經過討論(測資)才會知道這票投下去會影響到甚麼 就拿要不要禁止 發side project或者作品連結 拿之前發過的文章來看一下(我只是粗找了幾篇好找的) 4&5算是在作品的範圍吧(?) 這是近期討論最多的文章 沒有比較的意思5
Re: [轉錄] 柯文哲再批中央卡大巨蛋 ? 實則北市推 Pietro: 我查一下圖下方的網站 可以看到一長串粗暴製圖 6/17才開始做![Re: [轉錄] 柯文哲再批中央卡大巨蛋 ? 實則北市](https://i.imgur.com/2fislhYb.jpg "Re: [轉錄] 柯文哲再批中央卡大巨蛋 ? 實則北市")
2
[問卦] 這年頭作什麼梗圖不會被出征啊Netflix小編為什麼被出征 網路上都說過了 就是竟然用梗圖產生器 太偷懶了![[問卦] 這年頭作什麼梗圖不會被出征啊](https://i.imgur.com/p9fJxe5b.jpg "[問卦] 這年頭作什麼梗圖不會被出征啊")
2
[閒聊] 這次事件梗圖怎麼做比較有梗?突然想起鄉民做的梗圖產生器 圖片版 GIF版 例如(巴哈鄉民做的)![[閒聊] 這次事件梗圖怎麼做比較有梗?](https://i.imgur.com/WJeoh1Mb.jpg "[閒聊] 這次事件梗圖怎麼做比較有梗?")
2
Re: [討論] 為什麼SQL注入和XSS漏洞會這麼氾濫?拿最紅的 Laravel 來講好了。 因為 Laravel 的 Blade 不有支援這些特殊的 escape，你必須知道這些概念後才 能自己寫 extension/plugin 產生正確的 escape。 : 1. htmlspecialchars($data) 或是 htmlentities($data)。 這是標準版，Blade 的預設值。
Re: [情報] 彩虹網站也可以看PTT討論串推文推 andy831020: 那個 holo tool 的那個網站 他可以手動加彩虹的直播 01/20 04:01 → andy831020: 進來(有彩虹的分類tag讓你進去挑) 01/20 04:01 → andy831020: 然後之前某次yt更新之後所有的 yt同時播放tool都死掉 01/20 04:01 → andy831020: 只有holotool網站的播放器還能同時播送 不知道他們是 01/20 04:02 → andy831020: 怎麼做到的 身為碼農 跑到人家開發群的dc想問一下XD 01/20 04:02
Re: [請益] javascript 如何跨源存取 iframe 內容(Q1) 由於同源政策限制了網頁中不同源之間的互動，如果 iframe 的來源不同於主頁面 ，那麼使用 iframe.contentDocument 取得的內容將會被標記為跨源。在這種情況下，你 可以考慮使用 CORS 或 JSONP 等技術來繞過同源政策，但是這需要你有權限控制被嵌入 頁面的伺服器端。另外，如果你無法控制伺服器端，那麼你可以嘗試使用跨域資源共享（ CORS）或代理服務來取得 iframe 中的內容。