title: How to check if a link has been added to a CKEditor/Textarea using ReactJs? and CKEditor
body: <p>I am using CKEditor with reactjs, and I need to know when a user adding a link in the text area, and I am talking about video links for example youtube.</p>
  <p><strong>I want to check when a user adds a video link so i can grab it and render it in the specific page I want.</strong></p>
  <p>for rendering the video I am using <code>react-youtube</code>.</p>
  <h1>what i tried and what i got as result.</h1>
  <h1>1- I have a field because i am using Formik, as follow</h1>
  <pre><code>&lt;Field
                name=&quot;postText&quot;
                render={({ field, form }) =&gt; {
                  console.log(&quot;post text&quot;, field.value);
                  return editorLoaded ? (
                    &lt;&gt;
                      &lt;CKEditor
                        editor={ClassicEditor}
                        data={field.value}
                        onChange={(event, editor) =&gt; {
                          form.setFieldValue(field.name, editor.getData());
                        }}
                      /&gt;
                    &lt;/&gt;
                  ) : (
                    &lt;&gt; &lt;/&gt;
                  );
                }}
              /&gt;
  </code></pre>
  <h1>2- I did a console.log</h1>
  <pre><code>      console.log(&quot;post text&quot;, field.value);
  </code></pre>
  <h1>3- The result of the console.</h1>
  <pre><code>post text &lt;p&gt;Hello this is a video link&amp;nbsp;&lt;/p&gt;
  
  &lt;figure class=&quot;media&quot;&gt;
  &lt;oembed url=&quot;https://www.youtube.com/watch?v=EaZxUCWAjb0&quot;&gt;&lt;/oembed&gt; 
  &lt;/figure&gt;
  </code></pre>
  <p>so now is there a way to find out the link and save the database?</p>
  <p>i really appreciate your help:)</p>