当前位置：文江博客话题详情

标记它！连续预览刷新，无需按回车键

发布于 2024-08-03 12:38:38 字数 294 浏览 8 评论 0原文

我正在使用 MarkItUp (http://markitup.jaysalvat.com/) 并且无法真正理解了解如何让它在键入每个字符时（甚至遇到“空格”时）持续更新预览窗格。默认情况下，仅当按下 Enter 键时才会刷新预览窗格。

有什么方法可以自定义这种行为吗？文档提到了一个 previewAutoRefresh 键，但设置它会导致输入时更新，而不是更快。

谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

岁月无声 2024-08-10 12:38:38

使用与此问题中相同的技术。

$(".mymarkitupclass").keyup(function(){
    $('a[title="Preview"]').trigger('mousedown');
});

请注意，这将在每次按键时向您的网络服务器发送一个新请求，因此如果您有很多用户，这将是很多点击。

Use the same technique as in this question.

$(".mymarkitupclass").keyup(function(){
    $('a[title="Preview"]').trigger('mousedown');
});

Note that this will send a new request to your webserver on every keypress, so if you have a lot of users, this'll be a lot of hits.

回复收藏 0 原文

初心未许 2024-08-10 12:38:38

很晚了，但更好的解决方案是为每个按键启动一个计时器（1 秒），以便在用户暂停时只进行一次预览（此代码片段使用了 JQuery 计时器插件）：

    $('#markitup').keydown(function() {
    $(this).stopTime();
    $(this).oneTime(1000, function() { $('a[title="Preview"]').trigger('mouseup'); });
});

有关更多详细信息，您可以查看关于轮子编码的优秀帖子语法突出显示谈论文本区域预览。

Very late but a better solution is to start a timer (1 sec) for each keypress so that the preview is done only once, when the user do a pause (this code snippet used JQuery timer plugin):

    $('#markitup').keydown(function() {
    $(this).stopTime();
    $(this).oneTime(1000, function() { $('a[title="Preview"]').trigger('mouseup'); });
});

For more detail you can see the excellent post on coding the wheel Syntax highlighting talking about textarea preview.

回复收藏 0 原文