JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ckeditor.com/apps/ckeditor/4.3.4/ckeditor.js"></script>
<button onclick="scrollToParagraph('#p1');">Scroll to Paragraph 1</button>
<button onclick="scrollToParagraph('#p2');">Scroll to Paragraph 2</button>
<button onclick="scrollToParagraph('#p3');">Scroll to Paragraph 3</button>
<div id="editor">
</div>

JavaScript

var editor = CKEDITOR.replace("editor", {
    allowedContent: true,
    docType: '<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "">'
});
editor.setData("<p id='p1'>p1</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p id='p2'>p2</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p id='p3'>p3</p>");

window.scrollToParagraph = function (selector) {
    CKEDITOR.instances.editor.document.getBody().find(selector).getItem(0).scrollIntoView();
}