8
0
فهرست منبع

Added a couple more generic providers.

Aleksander Nowodzinski 7 سال پیش
والد
کامیت
26cf1de6f8

+ 5 - 8
packages/ckeditor5-media-embed/src/mediaembedediting.js

@@ -44,14 +44,7 @@ export default class MediaEmbedEditing extends Plugin {
 				},
 				},
 
 
 				instagram: {
 				instagram: {
-					url: [
-						/^(https:\/\/)?(www\.)?instagram\.com\/p\/(\w+)/
-					],
-
-					html: id =>
-						`<iframe src="http://instagram.com/p/${ id }/embed" ` +
-							'frameborder="0">' +
-						'</iframe>'
+					url: /^(https:\/\/)?(www\.)?instagram\.com\/p\/(\w+)/
 				},
 				},
 
 
 				spotify: {
 				spotify: {
@@ -111,6 +104,10 @@ export default class MediaEmbedEditing extends Plugin {
 
 
 				flickr: {
 				flickr: {
 					url: /^(https:\/\/)?(www\.)?flickr\.com/
 					url: /^(https:\/\/)?(www\.)?flickr\.com/
+				},
+
+				facebook: {
+					url: /^(https:\/\/)?(www\.)?facebook\.com/
 				}
 				}
 			}
 			}
 		} );
 		} );

+ 33 - 21
packages/ckeditor5-media-embed/tests/manual/semanticmediaembed.html

@@ -12,31 +12,43 @@
 
 
 <h2>Test editor</h2>
 <h2>Test editor</h2>
 <div id="editor">
 <div id="editor">
-	<figure class="media">
-		<div data-oembed-url="https://www.youtube.com/watch?v=ZVv7UMQPEWk"></div>
-	</figure>
+	<h2>Media with previews</h2>
+		<figure class="media">
+			<div data-oembed-url="https://www.youtube.com/watch?v=ZVv7UMQPEWk"></div>
+		</figure>
 
 
-	<figure class="media">
-		<div data-oembed-url="https://twitter.com/ckeditor/status/1021777799844126720"></div>
-	</figure>
+		<figure class="media">
+			<div data-oembed-url="https://vimeo.com/1084537"></div>
+		</figure>
 
 
-	<figure class="media">
-		<div data-oembed-url="https://vimeo.com/1084537"></div>
-	</figure>
+		<figure class="media">
+			<div data-oembed-url="https://open.spotify.com/artist/7GaxyUddsPok8BuhxN6OUW?si=LM7Q50vqQ4-NYnAIcMTNuQ"></div>
+		</figure>
 
 
-	<figure class="media">
-		<div data-oembed-url="https://www.google.com/maps/place/Poland/@51.9537505,19.1343786,6z/data=!3m1!4b1!4m5!3m4!1s0x47009964a4640bbb:0x97573ca49cc55ea!8m2!3d51.919438!4d19.145136?hl=en"></div>
-	</figure>
 
 
-	<figure class="media">
-		<div data-oembed-url="https://open.spotify.com/artist/7GaxyUddsPok8BuhxN6OUW?si=LM7Q50vqQ4-NYnAIcMTNuQ"></div>
-	</figure>
+		<h2>Generic media</h2>
 
 
-	<figure class="media">
-		<div data-oembed-url="https://www.flickr.com/photos/nasahqphoto/28396473968/"></div>
-	</figure>
+		<figure class="media">
+			<div data-oembed-url="https://twitter.com/ckeditor/status/1021777799844126720"></div>
+		</figure>
 
 
-	<figure class="media">
-		<div data-oembed-url="https://ckeditor.com"></div>
-	</figure>
+		<figure class="media">
+			<div data-oembed-url="https://www.flickr.com/photos/nasahqphoto/28396473968/"></div>
+		</figure>
+
+		<figure class="media">
+			<div data-oembed-url="https://www.instagram.com/p/BmMZgokAGGQ/?taken-by=nasa"></div>
+		</figure>
+
+		<figure class="media">
+			<div data-oembed-url="https://www.google.com/maps/place/Poland/@51.9537505,19.1343786,6z/data=!3m1!4b1!4m5!3m4!1s0x47009964a4640bbb:0x97573ca49cc55ea!8m2!3d51.919438!4d19.145136?hl=en"></div>
+		</figure>
+
+		<figure class="media">
+			<div data-oembed-url="https://www.facebook.com/ckeditor/posts/1885390224856207"></div>
+		</figure>
+
+		<figure class="media">
+			<div data-oembed-url="https://ckeditor.com"></div>
+		</figure>
 </div>
 </div>

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 11 - 8
packages/ckeditor5-media-embed/theme/mediaembed.css


برخی فایل ها در این مقایسه diff نمایش داده نمی شوند زیرا تعداد فایل ها بسیار زیاد است