Question

我目前正在使用redactor。在我的网站上创建的文档旨在用于最终打印，因此我希望用户在编辑时看到分页符。我可以很容易地添加一个绝对定位的div，它将向用户显示分页符的位置，但由于它们是绝对定位的，我还没有找到一种方法来使文本用户在分页符周围输入实际的中断。例如，分页符当前只会位于图像顶部而不是强制图像从其下方开始。

http://codepen.io/anon/pen/KwxXjm

在我创建redactor实例后，目前这就是我正在做的事情：

Javascript

$('.redactor-editor').append("<div class='page-break1'></div>");

css

.redactor-editor .page-break1{
    page-break-after: always;
    position: absolute;
    top: 1420px;
    height: 5px;
    width: 100%;
    border-bottom: 1px solid #333;
    background-color: red;
}

.redactor-editor{
    position: relative;
}

绝对意识到绝对css可能不是可行的方法，我只是不确定是什么。提前致谢。

Answer 1

这是一个很好的插件http://ckeditor.com/到TextArea好的编辑器，不同的模式和级别的细节需要用户

在textarea中创建自动分页符（redactor）

1 个答案: