Soạn html trong power automate

Trong khi chơi với “bảng HTML” vào đầu ngày hôm nay, tôi đột nhiên nhận ra rằng có vẻ như nó sâu hơn một chút so với tôi mong đợi

Giả sử bạn có Flow này

Và tưởng tượng rằng bạn muốn

• Thêm tiêu đề có dấu cách
• Thay đổi giao diện tổng thể của bảng được hiển thị

Hóa ra những điều đó không đơn giản như vậy

---

Tuy nhiên, để bắt đầu, khi lần đầu tiên tôi thử sử dụng Bảng HTML ngày hôm nay, tôi nhận thấy rằng mình đang gặp sự cố khi thêm các giá trị động. Thay vì màn hình giá trị động thông thường với hộp tìm kiếm và hai tab (“nội dung động” / “biểu thức”)

Tôi đã thấy nó

Bạn đã bao giờ thấy như vậy chưa? . Nó không phải là một tính năng mới

Chỉ cần thử thu nhỏ cửa sổ trình duyệt của bạn xuống. Ngay cả khi bạn hiện ở mức 100%, hãy giảm tỷ lệ xuống 90. Chắc chắn giảm xuống 100 nếu bạn ở mức 130. Khi bạn làm điều đó, có thể bạn sẽ thấy cửa sổ nội dung động thông thường

---

Tuy nhiên, hãy quay lại Bảng HTML

Việc sử dụng nội dung động cũng đơn giản như bất kỳ nơi nào khác trong Flows, nhưng làm cách nào để chúng tôi thêm màu, đường viền, sửa đổi kích thước văn bản, v.v.?

Ví dụ: nếu tôi thêm thẻ phông chữ HTML vào giá trị

Điều đó sẽ chỉ làm rối đầu ra vì các thẻ đó sẽ được thêm vào đó dưới dạng “văn bản” thay vì dưới dạng html

Vì vậy, có một bài đăng tuyệt vời giải thích khái niệm cơ bản đằng sau các tùy chọn định dạng Bảng HTML

https. //www. sharepointsiren. com/2019/07/formatting-html-tables-in-flow/

Về cơ bản, chúng ta cần lấy đầu ra và xử lý hậu kỳ. Tôi có thể dễ dàng lấy đầu ra bằng cách thêm hành động Soạn thư

Bạn có thể lấy nguồn đó và sử dụng TryIt để xem nó như thế nào

https. //www. w3schools. com/html/thử. asp?filename=tryhtml_intro

Điều gì sẽ xảy ra nếu thay vì làm hỏng HTML đó, chúng ta chỉ tạo kiểu cho bảng đó bằng biểu định kiểu bên ngoài?

Tất nhiên, nếu bạn muốn chơi với CSS, bạn có thể làm cho nó trông đẹp hơn. Tuy nhiên, làm cách nào để thêm CSS đó vào đầu ra của hành động Bảng HTML?

Trước tiên, hãy tải tệp CSS đó lên một số máy chủ web sẽ có sẵn từ bất kỳ đâu mà bảng cuối cùng sẽ được xem. Có thể đến Azure ở đâu đó (ví dụ. https. // tài liệu. Microsoft. com/en-us/azure/storage/blobs/storage-blob-static-website)

Trong trường hợp của tôi, tôi đang sử dụng tên lớp “styledtable”, vì vậy tôi chỉ cần thêm tên lớp đó vào thẻ bảng và tôi cũng cần thêm thẻ “link” vào đầu ra để liên kết tệp css của mình với . Đây là một hành động soạn thảo để làm điều đó

Và đây là chức năng thay thế (chắc chắn bạn sẽ cần điều chỉnh nó cho phù hợp với nhu cầu của mình)

replace(body(‘Create_HTML_table’),'

’,'’)

Tất cả những gì còn lại là kiểm tra kết quả, vì vậy hãy thêm đầu ra vào email

Và vui vẻ với kết quả

Và một lưu ý cuối cùng… thông thường, bạn không được phép thêm dấu cách vào các trường tiêu đề. Tuy nhiên, tất nhiên, bạn luôn có thể sử dụng tác vụ Soạn thư để soạn nội dung nào đó có dấu cách, sau đó, sử dụng đầu ra của tác vụ đó cho các trường tiêu đề

Trong hướng dẫn Power Automate này, chúng ta sẽ xem cách tạo bảng Html bằng Power automate hoặc Microsoft flow

Vì vậy, ở đây chúng ta sẽ tạo một luồng Microsoft, luồng này sẽ gửi báo cáo dự án hàng tháng tới Người quản lý dự án qua Email Outlook và các nhóm của Microsoft

Mục lục

Power Automate Tạo Bảng HTML từ Danh sách SharePoint

Ở đây chúng ta sẽ xem cách tạo bảng Html từ danh sách SharePoint bằng Power Automate

Vì vậy, ở đây tôi có một danh sách SharePoint được gọi là Quản lý dự án. Khi người quản lý giao một dự án/nhiệm vụ cho thành viên nhóm. Vào cuối tháng khi người quản lý hỏi về tình hình dự án

Nếu anh ấy/cô ấy muốn nhận trạng thái hàng tháng bằng email tự động hoặc nhóm Microsoft, thì ‘Tạo bảng HTMl‘ của Microsoft Flow là lựa chọn tốt nhất để gửi trạng thái qua email Outlook và Microsoft Teams

Tạo bảng Html từ Danh sách SharePoint bằng Power Automate – Các bước

Bước 1. Tạo một danh sách SharePoint

Tôi đã tạo danh sách Quản lý dự án trong SharePoint Online, danh sách này có 6 cột với loại cột bắt buộc

Tên cột Loại cột Tiêu đề Một dòng văn bản Được chỉ định cho Người Ngày bắt đầu Ngày và giờ Ngày kết thúc Ngày và giờ Trạng thái Lựa chọn Ngân sách Đơn vị tiền tệ Nhận xét Nhiều dòng văn bản Danh sách quản lý dự án trong SharePoint Online

Power Automate Tạo Bảng HTML từ Danh sách SharePoint

Sau khi danh sách Quản lý dự án SharePoint của bạn được tạo, chúng ta sẽ chuyển sang tạo quy trình bằng Power Automate

Bước 2. Tạo quy trình trong Power Automate

Bây giờ, chúng tôi sẽ tạo một quy trình, quy trình này sẽ kích hoạt hàng tháng để gửi trạng thái qua email và Microsoft Teams

• Đăng nhập vào Power Automate, sau đó bấm vào biểu tượng Tạo từ thanh điều hướng rồi chọn Luồng đám mây đã lên lịch

Power Automate tạo bảng HTML

Bây giờ Cung cấp tên quy trình, sau đó để chạy quy trình, hãy cung cấp ngày và giờ, vì vậy trong trường hợp của chúng tôi, chúng tôi sẽ cung cấp báo cáo hàng tháng, vì vậy chúng tôi sẽ chọn tháng. Vì vậy, quy trình sẽ kích hoạt hàng tháng vào một ngày và giờ nhất định. Sau đó bấm vào Tạo

Power Automate Tạo bảng HTML

Bước 3. Nhận các mục từ danh sách SharePoint

Bây giờ Ở bước này, nhấp vào Bước tiếp theo rồi chọn Nhận các mục (Sharepoint) cung cấp Địa chỉ trang web và Tên danh sách, sau đó chúng tôi sẽ lọc các mục

Vì vậy, chúng tôi sẽ lọc Dự án dựa trên trạng thái đã hoàn thành và Đang tiến hành và dựa trên tháng hiện tại

Đối với điều này, hãy viết truy vấn bên dưới trong phần Truy vấn bộ lọc

Status eq 'In Progress' or Status eq 'Completed'

and StartDate ge addDays(utcnow('yyyy-MM-ddTHH:mm:ssZ'),-30) and StartDate lt utcNow('yyyy-MM-ddTHH:mm:ssZ') 

Power Automate tạo định dạng bảng HTML

Bước 4. Ánh xạ cột thành cặp khóa-giá trị bằng cách sử dụng Chọn

Bây giờ hãy nhấp vào bước tiếp theo, sau đó chọn thao tác dữ liệu ‘Chọn‘. Sau đó, trong 'Từ hộp', hãy thêm giá trị từ nội dung động

Tiếp theo, chúng ta sẽ thực hiện ánh xạ động bằng cách thêm cặp khóa-giá trị vào hộp Bản đồ

Vì vậy, trong hộp khóa, hãy đặt tên có ý nghĩa tương ứng với cột và sau đó trong hộp giá trị, thêm nội dung động, như bên dưới

Power Automate tạo định dạng bảng HTML

Bước 5. Tạo một bảng Html

Bây giờ trong bước này, chúng ta sẽ tạo một bảng Html, để làm điều này, hãy nhấp vào bước tiếp theo, sau đó chọn ‘Tạo bảng HTML‘

Tiếp theo, trong hộp Từ, chọn 'đầu ra' từ nội dung động và trong hộp Cột, chọn Tự động

Power Automate tạo bảng HTML từ json

Bước 6. Định dạng bảng Html

Bây giờ chúng ta sẽ định dạng bảng HTML bằng cách thêm mã CSS vào hành động soạn thư

Để thêm mã CSS, chúng tôi sẽ sử dụng hành động Soạn thảo, vì vậy hãy nhấp vào bước tiếp theo rồi chọn Soạn thảo (Thao tác dữ liệu)

Trong hộp Nhập, thêm biểu thức bên dưới

replace(body('Create_HTML_table'),'

','')

Power Automate tạo các cột tùy chỉnh của bảng HTML

Khi bảng Html của bạn đã sẵn sàng, chúng tôi sẽ gửi email trong thông báo về triển vọng và Nhóm

Bước 7. Gửi email qua triển vọng

Để gửi email nhấn vào bước tiếp theo rồi chọn hành động Send an Email (V2) (outlook)

Bây giờ hãy cung cấp email của người quản lý trong 'Tới', sau đó cung cấp Chủ đề và sau đó trong phần nội dung thêm đầu ra của hành động soạn thư từ nội dung động

Power Automate Tạo Bảng HTML từ Danh sách SharePoint

Bước 8. Đăng trên nhóm

Để Đăng báo cáo hàng tháng của Dự án trên Teams, hãy nhấp vào bước tiếp theo, sau đó chọn hành động “Đăng thông báo trong biểu đồ hoặc kênh”

Tiếp theo, cung cấp bài đăng dưới dạng, đăng trong, Nhóm, Kênh, chủ đề và trong Tin nhắn, thêm đầu ra của hành động soạn thảo từ nội dung động

Làm thế nào chúng ta có thể tạo bảng HTML trong power automate?

Khi quy trình của bạn đã sẵn sàng, hãy nhấp vào biểu tượng Lưu, sau đó chạy quy trình theo cách thủ công cho mục đích thử nghiệm

Bước 9. Chạy dòng chảy

Vì chúng tôi đã đặt quy trình để kích hoạt hàng tháng với ngày và giờ được chỉ định, nên vào ngày và giờ đó, quy trình sẽ bắt đầu kích hoạt

Trước đó nếu chúng ta muốn chạy thử luồng thì click vào biểu tượng test rồi chọn thủ công -> bấm xong rồi Chạy luồng

Sau khi Flow của bạn chạy thành công, bạn có thể kiểm tra email triển vọng của mình và Microsoft Teams

tạo luồng bảng html

Nó sẽ gửi Báo cáo dự án của tháng hiện tại và cả trạng thái của Dự án sẽ được hoàn thành hay đang tiến hành trong bảng Html

Power Automate Tạo Bảng HTML từ Danh sách SharePoint

Và nó cũng sẽ gửi một báo cáo dự án trong bảng HTML tới Microsoft Teams

Power Automate tạo định dạng bảng HTML

Trong hướng dẫn Power Automate này, chúng ta đã học cách tạo bảng Html từ danh sách SharePoint bằng Power Automate

Hướng dẫn liên quan đến Power Automate

• Điều kiện kích hoạt trong Power Automate
• Power Automate Switch Case Nhiều điều kiện
• Mục danh sách SharePoint cập nhật Power Automate
• Không thể xử lý biểu thức ngôn ngữ mẫu trong hành động Power Automate
• Di chuyển tệp từ OneDrive for Business sang SharePoint Online
• Power Automate Form sang Excel
• Power Automate Nhận dữ liệu từ Excel trên SharePoint

Bijay Kumar

Sau hơn 15 năm làm việc với các công nghệ của Microsoft như SharePoint, Office 365 và Power Platform (Power Apps, Power Automate và Power BI), tôi nghĩ sẽ chia sẻ kiến ​​thức chuyên môn về SharePoint của mình với mọi người. Khán giả đến từ Hoa Kỳ, Canada, Vương quốc Anh, Úc, New Zealand, v.v. Đối với kiến ​​thức chuyên môn và hướng dẫn về SharePoint của tôi, Microsoft đã được trao tặng SharePoint MVP (8 lần), hãy xem Hồ sơ MVP của tôi. Tôi cũng đã từng làm việc tại các công ty như HP, TCS, KPIT, v.v.

Làm cách nào để viết HTML trong Power Automate?

Tại sao chúng tôi sử dụng tính năng soạn thư trong Power Automate?

Soạn có nghĩa là gì trong Power Automate?