Với Kony Visualizer, bạn có thể tận dụng các ứng dụng web hiện có và nội dung HTML khác, kết hợp nó ngay vào dự án của bạn. Được truy cập thông qua tiện ích Trình duyệt, nội dung đó được đóng gói cục bộ trong ứng dụng đã hoàn thành để nội dung đó luôn khả dụng. Bạn cũng có thể tích hợp nó với Kony Fabric để tận dụng tối đa khả năng tích hợp dịch vụ mạnh mẽ của Kony Nội dung HTML cục bộ mà bạn thêm vào dự án của mình có thể được sử dụng cho ứng dụng web truyền thống hoặc được nhúng trong ứng dụng gốc. Nếu muốn, bạn có thể sử dụng nội dung HTML cục bộ trên tất cả các nền tảng và kênh Để biết thêm thông tin, hãy tham khảo các chủ đề sau Thêm nội dung HTML hiện có vào một dự ánNếu bạn có sẵn nội dung web, bạn có thể tích hợp nó vào dự án Kony Visualizer của mình Để thêm nội dung HTML hiện có vào một dự án, hãy làm như sau - Sử dụng trình duyệt thư mục trên máy tính của bạn, điều hướng đến các tệp và thư mục bạn muốn thêm vào dự án Kony Visualizer của mình
- Trong Kony Visualizer, trên Project Explorer, trên tab Dự án, mở rộng danh mục Web. Một thư mục hiển thị có tên Localfiles
- Bấm vào mũi tên menu ngữ cảnh của thư mục Tệp cục bộ rồi bấm Vị trí tài nguyên. Thư mục mở trong một cửa sổ mới của trình duyệt thư mục trên máy tính của bạn
- Chuyển sang cửa sổ trình duyệt thư mục chứa các tệp và thư mục bạn muốn thêm vào dự án Kony Visualizer của mình, chọn chúng rồi sao chép chúng
- Chuyển sang cửa sổ trình duyệt thư mục cho thư mục Localfiles, sau đó dán các tệp bạn đã sao chép
- Để xem các tệp đã thêm được phản ánh trong Kony Visualizer, trên menu Tệp (menu Dự án trong Kony Visualizer), nhấp vào Làm mới
Ngoài ra, bạn có thể nhập nội dung HTML bằng cách nhấp vào mũi tên menu ngữ cảnh của thư mục Tệp cục bộ, nhấp vào Nhập (các) tệp, điều hướng đến các tệp và thư mục bạn muốn nhập, chọn chúng rồi nhấp vào Mở Tạo nội dung HTML mới cho một dự ánBạn có thể tạo các loại tệp liên quan đến web khác nhau cho nội dung HTML cục bộ của mình, sau đó chỉnh sửa chúng trong Kony Visualizer. Khả năng Intellisense của Code Editor đơn giản hóa việc tạo mã bằng cách đề xuất mã hoàn chỉnh dựa trên mã chưa hoàn chỉnh mà bạn đã nhập Để tạo nội dung HTML mới cho một dự án, hãy làm như sau - Trên Project Explorer, trên tab Dự án, mở rộng danh mục Web. Một thư mục hiển thị có tên Localfiles
- Bấm vào mũi tên menu ngữ cảnh của thư mục Tệp cục bộ, rồi bấm vào bất kỳ tùy chọn nào sau đây
Thư mục mới
Tệp JS mới
Tệp HTML mới
Tệp CSS mới - Nhập tên cho thư mục hoặc tệp mới, rồi bấm OK
Trong trường hợp tệp mới, tệp sẽ mở trong Trình chỉnh sửa mã, nơi bạn có thể bắt đầu mã hóa tệp đó
Mở thư mục của tài nguyênTất cả các tài nguyên dựa trên web của dự án của bạn nằm trong các thư mục trong không gian làm việc của bạn. Với Kony Visualizer, bạn có thể mở vị trí thư mục của bất kỳ tài nguyên nào từ Project Explorer Để mở thư mục của tài nguyên, hãy làm như sau Thêm nội dung HTML vào màn hình ứng dụngKhi bạn đã nhập hoặc thêm nội dung HTML cục bộ vào dự án của mình, bạn có thể truy cập nội dung đó trong ứng dụng của mình bằng cách liên kết nội dung đó với tiện ích trình duyệt Để thêm nội dung HTML vào màn hình ứng dụng, hãy làm như sau - Hiển thị trên Visualizer Canvas tiện ích trình duyệt mà bạn muốn bạn muốn liên kết nội dung HTML của mình với
- Trên Project Explorer, trên tab Dự án, mở rộng danh mục Web, rồi bấm vào Tệp cục bộ
- Định vị tệp HTML mà bạn muốn liên kết với tiện ích trình duyệt, sau đó kéo tệp đó vào tiện ích trình duyệt. Thuộc tính Dữ liệu chính của tiện ích được cập nhật để liên kết với tệp HTML bạn đã chọn
- Trên Project Explorer, nhấp vào tab Dự án
- Định vị và mở tiện ích vùng chứa ở dạng bạn muốn thêm nội dung HTML vào
- Trên Trình khám phá thư viện, trên tab Tiện ích, bên dưới Tiện ích nâng cao, bấm và kéo tiện ích Trình duyệt vào tiện ích vùng chứa
- Trong Trình chỉnh sửa thuộc tính, bấm vào tab Trình duyệt, rồi bấm vào nút Chỉnh sửa dữ liệu chính. Hộp thoại Dữ liệu chính hiển thị
Ghi chú. Bạn cũng có thể mở hộp thoại Dữ liệu chính bằng cách nhấp đúp vào tiện ích trình duyệt - Chọn Tệp cục bộ, bấm Duyệt, điều hướng đến và chọn tệp HTML bạn muốn, rồi bấm OK. Đường dẫn đến tệp được biểu thị bằng đường dẫn tương đối đến tệp nội dung HTML mà bạn muốn, trong đó thư mục Localfile là thư mục gốc. Ví dụ: nếu tệp bạn muốn có tên là Trang chủ. htm và nằm trong thư mục có tên là Nguồn, đường dẫn tương đối sẽ như sau
\Source\Home.htm - Nhấp vào OK
Ngoài ra, bạn có thể thêm nội dung HTML vào màn hình ứng dụng bằng cách thực hiện như sau - Trên Project Explorer, nhấp vào tab Dự án
- Định vị và mở tiện ích vùng chứa ở dạng bạn muốn thêm nội dung HTML vào
- Trên Trình khám phá thư viện, trên tab Tiện ích, bên dưới Tiện ích nâng cao, bấm và kéo tiện ích Trình duyệt vào tiện ích vùng chứa
- Trong Trình chỉnh sửa thuộc tính, bấm vào tab Trình duyệt, rồi bấm vào nút Chỉnh sửa dữ liệu chính. Hộp thoại Dữ liệu chính hiển thị
Ghi chú. Bạn cũng có thể mở hộp thoại Dữ liệu chính bằng cách nhấp đúp vào tiện ích trình duyệt - Chọn Tệp cục bộ, bấm Duyệt, điều hướng đến và chọn tệp HTML bạn muốn, rồi bấm OK. Đường dẫn đến tệp được biểu thị bằng đường dẫn tương đối đến tệp nội dung HTML mà bạn muốn, trong đó thư mục Localfile là thư mục gốc. Ví dụ: nếu tệp bạn muốn có tên là Trang chủ. htm và nằm trong thư mục có tên là Nguồn, đường dẫn tương đối sẽ như sau
\Source\Home.htm - Nhấp vào OK
Xem trước nội dung HTMLBạn có thể xem trước nội dung HTML trong Kony Visualizer hoặc sử dụng trình duyệt bên ngoài. Trong Kony Visualizer, bạn cũng có thể sử dụng chức năng song song để xem trước HTML trong một ngăn trong khi xem và chỉnh sửa mã HTML trong ngăn khác Để xem trước nội dung HTML, hãy làm như sau - Trên Project Explorer, trên tab Dự án, mở rộng danh mục Web, mở rộng thư mục Tệp cục bộ, rồi định vị tệp HTML mà bạn muốn xem trước
- Bấm vào mũi tên menu ngữ cảnh của tệp, rồi thực hiện một trong các thao tác sau
- Nhấp vào Mở bản xem trước. Tệp hiển thị trong Visualizer Canvas
- Nhấp vào Khởi chạy trong trình duyệt bên ngoài. Tệp sẽ mở trong phiên bản mới của trình duyệt web mặc định trên máy tính của bạn
Để xem trước nội dung HTML cạnh nhau, hãy làm như sau - Kích hoạt tính năng xem trước HTML. Để làm như vậy, hãy làm như sau, tùy thuộc vào việc bạn đang sử dụng Kony Visualizer hay Kony Visualizer Classic
- Trình hiển thị Kony. Trên menu Chỉnh sửa, nhấp vào Tùy chọn. Từ ngăn bên trái của hộp thoại, bấm Chung, sau đó đặt Bật Xem trước HTML thành Có. Nhấp vào Áp dụng
- Kony Visualizer cổ điển. Trên menu Cửa sổ, nhấp vào Tùy chọn. Từ ngăn bên trái của hộp thoại, nhấp vào Kony Visualizer, rồi đặt Bật xem trước HTML thành Có. Nhấp vào Áp dụng, sau đó nhấp vào OK
- Trên Project Explorer, trên tab Dự án, mở rộng danh mục Web, mở rộng thư mục Tệp cục bộ, sau đó bấm vào tệp HTML bạn muốn, mở tệp đó dưới dạng một tab trong Trình chỉnh sửa mã
- Trên tab Dự án, bấm vào mũi tên menu ngữ cảnh của tệp HTML, sau đó bấm Mở Xem trước. Tệp xem trước trên Visualizer Canvas và ngăn thứ hai mở ra hiển thị mã HTML. Những thay đổi bạn thực hiện đối với mã HTML và sau đó lưu sẽ được phản ánh trong bản xem trước
Nếu bạn không muốn bật cài đặt Xem trước HTML nhưng vẫn muốn xem trước HTML và xem mã HTML cạnh nhau, bạn có thể xem trước nội dung theo cách thủ công Để xem trước nội dung HTML cạnh nhau theo cách thủ công, hãy làm như sau - Trên Project Explorer, trên tab Dự án, mở rộng danh mục Web, mở rộng thư mục Tệp cục bộ, sau đó bấm vào tệp HTML bạn muốn, mở tệp đó dưới dạng một tab trong Trình chỉnh sửa mã
- Trên tab Dự án, bấm vào mũi tên menu ngữ cảnh của tệp HTML, sau đó bấm Mở Xem trước. Bản xem trước tệp trên Visualizer Canvas
- Trên menu Cửa sổ, trỏ tới Sắp xếp, rồi bấm Cạnh nhau. Một ngăn mới mở ra ở bên phải của ngăn hiện có
- Từ ngăn bên trái, kéo tab của tệp HTML bạn đã mở vào ngăn bên phải. Khi các cạnh của khung bên phải phát sáng màu xanh lam, hãy thả tệp vào khung
Bản xem trước của tệp HTML xuất hiện ở ngăn bên trái trong khi mã của tệp HTML xuất hiện ở ngăn bên phải. Những thay đổi bạn thực hiện đối với mã HTML và sau đó lưu sẽ được phản ánh trong bản xem trước
Vô hiệu hóa kết xuất trực tiếpKhi bạn đã liên kết tệp HTML cục bộ với tiện ích trình duyệt, bạn có thể không muốn nội dung của tệp HTML được hiển thị vĩnh viễn trên Visualizer Canvas, đặc biệt nếu nội dung HTML phức tạp và yêu cầu lượng tài nguyên máy tính quá lớn. Trong trường hợp như vậy, bạn có thể tắt chức năng kết xuất trực tiếp của tiện ích trình duyệt
HTML có thể đọc các tệp cục bộ không?
HTML 5 cung cấp cách tiêu chuẩn để tương tác với các tệp cục bộ với sự trợ giúp của API tệp . API tệp cho phép tương tác với các tệp đơn, nhiều tệp cũng như BLOB. API FileReader có thể được sử dụng để đọc tệp không đồng bộ khi cộng tác với xử lý sự kiện JavaScript.
URL tệp cục bộ là gì?
Đường dẫn cục bộ là đường dẫn đến thư mục hoặc tệp trên máy tính cục bộ của bạn (e. g. C. \Program Files\Sitebulb). Đường dẫn UNC là đường dẫn đến thư mục hoặc tệp trên mạng và chứa tên máy chủ trong đường dẫn (e. g. \\server01\sitebulb\path).
Làm cách nào để sử dụng hình ảnh cục bộ trong HTML?
Bạn có thể đưa hình ảnh vào HTML bằng cách sử dụng thẻ HTML . |
