[TUTs] zzMudim - Thêm bộ gõ Tiếng Việt vào diễn đàn

  Bài viết hay nhất1
Trong lúc lang thang tìm thông tin về phpBB3, mình lạc đến diễn đàn ytuongsangtaovn, diễn đàn này sử dụng bộ gõ AVIM với giao diện khá gọn và tiện dụng, có một hạn chế là nó không chạy trong iframe, nên sẽ không dùng được trong chatbox và chế độ wysiwyg. Vì vậy, mình đã sử dụng bộ gõ Mudim và sửa lại một chút để có giao diện như thế.


Demo


[TUTs] zzMudim - Thêm bộ gõ Tiếng Việt vào diễn đàn OYRNHET
Gõ Tiếng Việt trong chế độ wysiwyg


Chức năng


  1. Sửa lỗi không gõ Tiếng Việt trong search box.
  2. Thêm tuỳ chọn vị trí đặt Mudim panel.
  3. Tạo giao diện thứ 2 cho Mudim panel.



Hướng dẫn


Đặt code dưới đây vào vị trí muốn hiển thị bộ gõ Mudim. Nên đặt trong Temp overall_header hoặc overall_footer.
Code:
<div id="zzMudimFork"></div>
<script type="text/javascript" src="https://cdn.rawgit.com/baivong/884a71311f10f73db4f8b0dbd9b902ed/raw/dd7f003d4a0340eb5686a12f40debfe0e0351373/mudim-0.9-r162-fork.js"></script>
Mã nguồn mudim-0.9-r162-fork.js:

Chú ý: Để sử dụng bộ gõ Mudim trong chatbox, bạn cần chuyển chatbox về dạng iframe.


Phiên bản áp dụng

phpBB2, phpBB3, punBB, Invision


Nguồn

Zzbaivong (devs.forumvi.com)
  Bài viết hay nhất2
Ồ ồ :3 :3 :3 Like like like!!!
Nó có bị lỗi xung đột với unikey, vietkey như mudium gì đó share ở Chinhphuc không huynh?
  Bài viết hay nhất3
Hay nè :3 Like mạnh a~ :3

Rất tiện cho máy quán net khi không có bộ gõ Unikey.
  Bài viết hay nhất4
KirigayaKazuto wrote:Hay nè :3 Like mạnh a~ :3

Rất tiện cho máy quán net khi không có bộ gõ Unikey.
Thì down về dùng, chứ cái này đâu áp dụng cho tất cả các web đâu ;))
  Bài viết hay nhất5
Mấy code bộ gõ bỏ vào js của fm lại k chạy
  Bài viết hay nhất6
phutu01 wrote:Mấy code bộ gõ bỏ vào js của fm lại k chạy
Dù là bộ gõ mudim 0.8 mình vẫn bỏ vào js của fm chạy bình thường, cậu bỏ vào theo kiểu nào vậy?
  Bài viết hay nhất7
Tối view code trang js bỏ vào html hiển thị view hay all . Tôi dùng firefox
  Bài viết hay nhất8
phutu01 wrote:Tối view code trang js bỏ vào html hiển thị view hay all.
Câu này nghĩa là gì vậy? :fb158:
  Bài viết hay nhất9
À tối sr tại nãy off nên đánh nhầm . Đa phần online bằng dt

View code rồi chèn vào js của fm ko thấy nó chạy . Trc hay dùng html để chạy thay cho srcript src js nhưng thằng chrome nó k hỗ trợ nên thôi . Có mấy lần tôi dùng cái bộ gõ của gamevn
  Bài viết hay nhất10
Mình chèn bình thường.
Tạo file js thì mục Placement không check, sau đó thay vào link js như hướng dẫn thôi.
Source thì lấy tại http://goo.gl/D7p8Ps
  Bài viết hay nhất11
Có cách nào cho nó hiện trình đơn chọn kiểu gõ không huynh? Chứ cứ bấm mò mò hoài khó chịu lắm
  Bài viết hay nhất12
Download source về. Tìm:

Dòng 1269:
Code:
Mudim.InitPanel('zzMudimFork');
Sửa thành:
Code:
Mudim.InitPanel();

Dòng 1322:
Code:
Mudim.displayMode = 1;
Sửa thành:
Code:
Mudim.displayMode = 0;
  Bài viết hay nhất13
Ok đã dùng được k thấy <div id="zzMudimFork"></div> Tiếng Việt: Bật - Kiểu gõ: Tự động

Code:
<div id="zzMudimFork"></div>
<script type="text/javascript" src="/24536.js"></script>
  Bài viết hay nhất14
+1, rất bổ ích
The author of this message was banned from the forum - See the message
  Bài viết hay nhất16
Tìm trong CSS và xóa:
Code:
/* Bộ gõ mudim */
#mudimPanel {
font: 10pt Tahoma;
-webkit-transition: all 2s ease; -moz-transition: all 2s ease;
background: white url('http://i48.servimg.com/u/f48/13/58/60/43/go1010.jpg') no-repeat right center!important;
-moz-opacity: 0.2; opacity: 0.2; filter: alpha(opacity=20);
top: 604px!important;
left: -340px!important;
width: 330px!important;
height: 47px!important;
padding: 4px 26px 4px 10px!important;
font-size: 10px!important;
font-weight: bold!important;
}
#mudimPanel:hover {
-webkit-transition: all 1s ease;-moz-transition: all 1s ease;
-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);
left:-5px!important;
}
The author of this message was banned from the forum - See the message
  Bài viết hay nhất18
Mình không sử dụng được bộ gõ này trên Chrome
  Bài viết hay nhất19
Mình dùng tốt mà.
  Bài viết hay nhất20
Chăc bị xung đột với extension nào đó trên trình zyệt Côc Côc của mình
  Bài viết hay nhất21
Có thể thiết lập kiểu gõ mặc định hoặc trạng thái mặc định (tắt) của bộ gõ này không, bác Baivong?
  Bài viết hay nhất22
Thêm vào bên dưới code trong hướng dẫn:
Code:
<script>
Mudim.BeforeInit = function() {
    Mudim.displayMode = 1;
    Mudim.IGNORE_ID = ['email', 'url'];
    Mudim.method = 0;
};
</script>

Thay đổi thông số của Mudim.method, trong đó:

  • 0: Tắt
  • 1: VNI
  • 2: Telex
  • 3: Viqr
  • 4: Tổng hợp
  • 5: Tự động
  Bài viết hay nhất23
Cập nhật: Thay link script.
  Bài viết hay nhất24
You cannot reply to topics in this forum