具有块引用功能的富文本编辑器

发布于 2024-08-12 14:24:00 字数 883 浏览 3 评论 0原文

又是我，不想使用插件，而是编写自己的插件或使用其他插件中的一些行;-)。

我想编写一个简单的 RTE，其中包含粗体、斜体、列表、表情符号和块引用功能。我发现了这个简单的轻量级插件 http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html 它非常简单而且非常小。

我已经添加了一个表情符号托盘，可以从定义的文件夹加载表情符号。但现在我想添加一个块引用函数，但我不知道如何做到这一点。我在网上读到一些东西，它不在 IE/FF 的默认功能中，但我看到一些 RTE 有块引用功能。

该插件使用它来粗体

$('.bold', tb).click(function(){ formatText(iframe, 'bold');return false; });

将“粗体”更改为“块引用”不会有帮助（也许认为很简单；-））

有谁可以帮助我解决这个问题吗？

提前 Tnx

Grtzzz

Wim

编辑：

好的，我尝试过这个

$('.bold', tb).click(function(){ formatText(iframe, 'formatblock', '<blockquote>');return false; });

But this only works with FF, and not with IE, damn :(

原文

It's me again, the one who doesn't want to use a plugin, but write my own or use some lines from other plugins ;-).

I want to write a simple RTE with the functions bold, italic, list, emoticons and blockquote. I found this simple lightweight plugin http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html and it is very simple and very small.

I already added a emoticon pallet that loads emoticons from a defined folder. But now I want to add a blockquote function, but I can't find out how to do that. I read a few things on the internet that it isn't in the default functions of IE/FF, but I saw a few RTE's that had the blockquote function.

The plugin uses this for bold

$('.bold', tb).click(function(){ formatText(iframe, 'bold');return false; });

Altering 'bold' into 'blockquote' won't help (maybe thought to simple ;-))

Is there anyone who can help me with this?

Tnx in advance

Grtzzz

Wim

edit:

Ok, I tried this

$('.bold', tb).click(function(){ formatText(iframe, 'formatblock', '<blockquote>');return false; });

But this only works with FF, and not with IE, damn :(

分享到QQ

分享到微博

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

发布评论

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

月下凄凉 2024-08-19 14:24:00

其他 RTE 可能在 span 中使用自定义 css。例如 TinyMCE，我很确定它使用了它。

回复收藏 0 原文

风透绣罗衣 2024-08-19 14:24:00

好吧，

这花了我一些时间，但我想我有解决方案（它对我来说效果很好）。

我发现如果要添加“块引用”，FF 和 IE 的响应会有所不同，因此如果使用以下代码

$('.quote', tb).click(function(){
 if($.browser.msie){
  formatText(iframe,'indent');
 }else if($.browser.mozilla){
  formatText(iframe, "formatblock", '<blockquote>'); 
 }
 return false; 
});

IE 中的缩进会给出块引用作为输出（IE7 和 IE8）。

如果有人有更好的解决方案，那么我想在这里提供它，但现在我可以使用它。

格特兹兹

维姆·

OK,

It costed me some time, but I think I have the solution (it works fine for me).

I found out that FF and IE respond different if you want to add a "blockquote", so if used the following code

$('.quote', tb).click(function(){
 if($.browser.msie){
  formatText(iframe,'indent');
 }else if($.browser.mozilla){
  formatText(iframe, "formatblock", '<blockquote>'); 
 }
 return false; 
});

The indent in IE gives a blockquote as output (IE7 and IE8).

If there is someone who has a better solution, then I'd like to here it, but for now I can work with this.

Grtzzzz

Wim

回复收藏 0 原文

~没有更多了~